如何让页面监测Iframe页面的状态?

不知道这个应用有多少场合会用到呢?反正我们目前需要这样的需求。


目前通过javascript似乎没法监测子页面的状态,虽然HTML5给IFrame加了一个contentDocument,但是仍然无法通过这个对象将子页面的状态返回给父页面的js来监测。


于是乎,给JS又进行了一次扩展:

给IFrame增加一个Listener,取名叫onreadystatechange。

同时增加一个属性,取名叫readyState。


于是:

<script>
var iframe = document.getElementById("ifr");

iframe.onreadystatechange = function() {

if (iframe.readyState == "start")

  alert("IFrame is starting");

else if (iframe.readyState == "complete")

  alert("IFrame is completed!");

};

</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章