如何让页面监测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>