一个属于你的次元网络基地
 
昨日:篇  今日:篇   总帖:篇   会员:
小狼人Lv92   
JS代码放在head和body的区别     技术教程

    由于在页面中总是难免javascript脚本语言,在代码中看到body里可以放<script type=”text/javascript”>脚本,而head里也可用<scripttype=”text/javascript”>脚本,想要用好他们,就得了解他们的区别,经过自己的总结发现他们的区别如下: 

一、在head主体里写,如果有方法体,那么就是在客户点击的时候触发,如果没写方法体,比如引入的js文件,那么在加载页面前就预加载了。 

二、写在body主体里,是为了实现某些部分动态地创建文档。 这里比如制作鼠标跟随事件,肯定只有当页面加载后再进行对鼠标坐标的计算。或者是filter滤镜与javascript的联合使用产生的图片淡入淡出效果等。这个是在页面加载的时候加载。 

二、会与body和head标签顺序有关。比如下面代码: 

<html> 

<body> 

<script type="text/javascript"> 

alert("in body"); 

</script> 

</body> 

<head> 

<script type="text/javascript"> 

alert("in head"); 

</script> 

</head> 

</html> 


结果是先弹出body,再弹出head. 

如果改下代码结果就截然相反了,例 

<html> 

<head> 

<script type="text/javascript"> 

alert("in head"); 

</script> 

</head> 

<body> 

<script type="text/javascript"> 

alert("in body"); 

</script> 

</body> 

</html> 

执行时得考虑javascript执行顺序

 6  已被阅读了2809次  楼主 2017-08-23 17:06:30
回复列表

回复:JS代码放在head和body的区别

加入官群 QQ咨询 友链展示 申请友链
粤ICP备18094291号
您的IP:18.191.132.194,2024-05-03 09:38:33,Processed in 0.11808 second(s).
免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。
Powered by HadSky 8.0.0
已有0次打赏
(6) 分享
分享

请保存二维码或复制链接进行分享

取消