如何判断页面是否加载完毕了，再执行

最新推荐文章于 2024-04-26 14:48:31 发布

weixin_30617561

最新推荐文章于 2024-04-26 14:48:31 发布

阅读量293

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/leolovexx/p/5475774.html

本文介绍了一种在页面（包括IFRAME）加载完成后执行初始化工作的JavaScript方法。通过监听页面的状态变化来判断页面是否完全加载，确保所有资源加载完毕后再进行后续操作。

做页面时经常会遇到当前页面加载完成后，执行某些初始化工作。这时候就要知道如何判断页面（包括IFRAME）已经加载完成，代码如下：
<script language="javascript">
document.onreadystatechange = statechange;
function statechange() {
if(document.readystate == 'complete') {
for(i=0; i<window.frames[].length; i++) {
window.frames[i].document.onreadystatechange = statechange;
if(window.frames[i].document.readystate != 'complete') {
statechange();
return;
}
}
}
}
</script>
此方法可以写在公用js中，其他方法调用判断即可。