Question

我有一个校长Page：

<script src='js/jquery-1.10.2.js'></script>

<script>
    $(document).ready(readyFn);

    function readyFn() {
        $('#cartelera01').attr('data','prueba5.html');

        function doSomething(){
            console.log('do something when the event of the object is triggered');
        }
    }
</script>

<html>
    <body>
        <div>
            <object id="cartelera01" type="text/html" data="" width="500" height="300" style='overflow-x: hidden;overflow-y: hidden;'
                    onpagehide="doSomething()" 
            ></object>
        </div>
    </body>
</html>

也有一个prueba5.html：

script src='js/jquery-1.10.2.js'></script>
<script>
    $(document).ready(readyFn);

    function readyFn() {
        console.log('page init');
        setTimeout(function() 
            {
                console.log('after 3 seconds, page end'); //here I want to fire event object of principal page
            }, 3000);
    }
</script>

<html> 
<body>
    <div style="left:0;width:300;heigth:200;background:black;">
        <img src="bola1.png" style='top:0;left:0px;width:180;height:180px;position:absolute;'>
    </div>
</body>
</html>

我希望当页面prueba5.html自动完成（3秒后），主页的对象“cartelera01”知道页面prueba5.html结束了，并做了一些事情。有谁能够帮我？提前谢谢。

Answer 1

您是否曾尝试过Ajax来做您想做的事情？使用Ajax，您可以调用页面来加载另一个页面而无需更改主页面的标题，然后最后您可以生成对通知的响应...

参见示例Here

我想从object标签中捕获一个事件

1 个答案: