写在body的js跟写在head的区别

最新推荐文章于 2020-10-09 17:44:43 发布

大头症的鱼

最新推荐文章于 2020-10-09 17:44:43 发布

阅读量758

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ganker1990/article/details/19626957

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

写在<head>里的js会在网页全部载入完成后执行而写在<body> 里的js则是网页加载到那就执行

可以运行下面的这段代码试下

<!--你运行下面的代码看看-->

 

<head>

<script>

alert("我是head里的js，我在网页全部载入完成后执行")

</script>

</head>

<body>

body里的js前的内容<br/>

<script>

alert("我是body里的js，网页解析到这里我就执行")

</script>

body里的js后的内容<br/>

</body>

而如果写在<body>里的话，并且 写在html上面的话  那么 因为body里的 是从上往下执行 并且 加载到哪执行到哪    就会导致 js里的 值为 null  或 undefined 因此导致方法不能用  例如下面的

<!DOCTYPE html>
<html>
<body>



<script>
	
		var parent=document.getElementById("div1");
		if(parent == null){
			alert("adf");//此时parent为空 

		}
		
		var child=document.getElementById("p1");
		var para=document.createElement("p");
		var node=document.createTextNode("This is new.");
		para.appendChild(node);
		parent.replaceChild(para,child);//replaceChild 方法不能用

	
</script>

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>


</body>
</html>






如果想让它有用 有两种方式  一种 是把js放在下面  还有一种如下所示
<!DOCTYPE html>
<html>
<body οnlοad="load()">



<script defer="defer">
	function load(){
	var parent=document.getElementById("div1");
	var child=document.getElementById("p1");
	var para=document.createElement("p");
	var node=document.createTextNode("This is new.");
	para.appendChild(node);
	parent.replaceChild(para,child);
	}
</script>

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>


</body>
</html>


这样也可以用 ， 不过我觉得 没这必要 还是把js写在 下面 或者写在 <head> 里吧

大头症的鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
写在body的js跟写在head的区别

写在里的js会在网页全部载入完成后执行而写在里的js则是网页加载到那就执行可以运行下面的这段代码试下 alert("我是head里的js，我在网页全部载入完成后执行")body里的js前的内容alert("我是body里的js，网页解析到这里我就执行")body里的js后的内容而如果写在里的话，并且写在html上面的话
复制链接

扫一扫