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

JavaScript实施顺序的小测试

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

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

window.onload不允许多次加载，若出现多个，则按顺序执行原则，加载最后一个

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JavaScript实施顺序的小测试

相关资料更多>

推荐阅读更多>