我想从对象标签捕获事件

我有一个校长页面：

<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 已经结束，并做点什么。有人可以帮助我吗？提前谢谢。

你试过让阿贾克斯做你想做的事吗？使用 Ajax，您可以调用一个页面来加载另一个页面，而无需更改主页的标题，然后在最后您可以生成对通知的响应......

在此处查看示例

相关内容

最新更新

热门标签：