论坛首页 → Web前端技术论坛 →

JavaScript执行顺序的小测试

浏览 2435 次
锁定老帖子 主题：JavaScript执行顺序的小测试
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • xlaaa111
  • 等级: 初级会员
  • 性别:
  • 文章: 5
  • 积分: 20
  • 来自: 苏州
   发表时间：2010-05-31   最后修改：2010-05-31 
<html>
  <head>
    <title>test.html</title>
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript" >
	window.onload=function(){
		alert("5");
	}
	$(function(){
		alert("3");
	});
	alert("1");
	</script>
  </head>
  <body>
  <script type="text/javascript" >
	window.onload=function(){
		alert("6");
	}
	$(function(){
		alert("4");
	});
	alert("2");
  </script>
  </body>
</html>

 

小测试了一下，依次弹出1，2，3，4，6。

说明执行顺序为

1.<head>

2.<body>

3.<head>中jquery的$(function(){});

4.<body>中jquery的$(function(){});

5.<body>中windows.onload=function(){};

 

其中

1,2 在页面控件页面元素加载前执行，

3，4 在页面DOM完全就绪时（此时所有元素可以访问，但元素关联的文件不一定都下载完毕）执行，可按顺序执行多个，

5 在网页中所有元素（包括元素的所有关联文件）完全加载到浏览器后执行，且只执行最后一个。
返回顶楼
         
  • select*from爱
  • 等级: 五星会员
  • 性别:
  • 文章: 471
  • 积分: 730
  • 来自: 天府之国
   发表时间：2010-06-04  
window.onload不允许多次加载，若出现多个，则按顺序执行原则，加载最后一个
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics