JavaScript实施顺序的小测试-JavaSript-爱易网页

JavaScript实施顺序的小测试

日期：2014-05-16　浏览次数：20419 次

JavaScript执行顺序的小测试

<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 在网页中所有元素（包括元素的所有关联文件）完全加载到浏览器后执行，且只执行最后一个。

1 楼 select*from爱 2010-06-04