js 加载顺序分析

<!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>word-break</title> 
<script type="text/javascript" src="jquery-1.4.2.js"></script><!--这是1执行的js-->
<script type="text/javascript" src="1-1.js"></script><!--这是2执行的js-->
<script type="text/javascript">
	//这其这是body加载这后也加载的js;这是5执行的js-
		$(function(){
			
			
			alert(4);
			
		});

		
		</script>
		<script type="text/javascript" src="1-2.js"></script><!--这是3执行的js-->
<style type="text/css">
	
</style>

<body>
这是内容,是加载1-2.js之后才加载的(也就是第三个js的

<script type="text/javascript" src="1-3.js"></script><!--这是4执行的js-->
</body> 
</html>
 
<!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>word-break</title> 

<script type="text/javascript" src="1-1.js"></script><!--这是第一执行js-->
<script type="text/javascript"><!--这是第二执行js-->
			alert(4);
		
</script>
<script type="text/javascript" src="1-2.js"></script><!--这是第三执行js-->
<style type="text/css">
	
</style>

<body>
这是内容,是加载1-2.js之后才加载的(也就是第三个js的)

<script type="text/javascript" src="1-3.js"></script><!--这是最后执行的js-->
</body> 
</html>

猜你喜欢

转载自javaeedevelop.iteye.com/blog/1409348