如何从iframe内部确定父页面是否已完成加载？

Question

是否可以通过iframe监听以确定是否有任何属性或事件？

iframe src和父页面位于不同的域中。

Answer 1

仅当您也可以修改父页面时。 如果不能，那就是XSS，并且没有合法的方法。

parent.html：

...
<body onload="theFrame.parentLoaded()">
...
<iframe src="http://other.domain.com/frame.html" name="theFrame"></iframe>
...

frame.html：*

...
<script type="text/javascript" language="javascript">
function parentLoaded(){
    //code here will be executed when the parent page has finished loading
}
</script>
...

Answer 2

我知道您无法控制父页面，但是如果您可以说服主机添加一些代码，则可以执行以下操作：

//OnParent Page
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script>
    var bReady = false;
    $(document).ready(function () {
        bReady = true;
    });

    function isReady() {
        return bReady;
    }
</script>

//in iframe page
<script>
    var bReady = false;
    while (bReady == false) {
        bReady = window.opener.isReady();
    }
</script>

如何从iframe内部确定父页面是否已完成加载？

问题描述

2 个解决方案

解决方案1
4 2010-08-11 02:10:11

解决方案2
-1 2010-08-02 17:03:59

如何从iframe内部确定父页面是否已完成加载？

问题描述

2 个解决方案

解决方案1 4 2010-08-11 02:10:11

解决方案2 -1 2010-08-02 17:03:59

解决方案1
4 2010-08-11 02:10:11

解决方案2
-1 2010-08-02 17:03:59