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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值