不知道这个应用有多少场合会用到呢?反正我们目前需要这样的需求。
目前通过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>