JS_实现页面加载完再运行JS代码_is 页面加载完运行-优快云博客

本文介绍了网页加载过程中的几种常见事件处理方法，包括使用body的onload属性、window.onload事件及document的readystatechange事件，并探讨了defer属性的应用场景。

先介绍下两面两种方法：

1
在body中用onload:
<body onload="myfunction()">
2
在脚本中用window.onload:
<script type="text/javascript">
function myfun()
{
    alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>

下面这种应该是最优吧，我是新发现的，与大家分享下！

<script type="text/javascript">
		document.onreadystatechange = function(){ 
		if(document.readyState=="complete") 
		    {
		alert('加载完毕');

</script>

另：

加上 defer 等于在页面完全在入后再执行，相当于 window.onload ，但应用上比 window.onload 更灵活复制代码 代码如下:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns=" http://www.w3.org/1999/xhtml">
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< title>无标题文档</title>
< /head>
< body>
< script  defer="defer">
 alert("页面加载完我才执行的")
< /script>
先看到这段话  然后再执行上面的 JS  如果去掉上面的 defer="defer" 那么会先执行JS  在看到这段话
</body>
< /html>