如何讓頁面監測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>