(●'◡'●)ノ
技术教程 
收藏文章 楼主

JS代码放在head和body的区别

版块:经验教程   类型:普通   作者:小狼人   查看:3114   回复:0   获赞:6   时间:2017-08-23 17:06:30

    由于在页面中总是难免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执行顺序

赢得客户的认可,需要服务细节化 
回复列表
默认   热门   正序   倒序

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

Powered by HadSky 8.5.2

©2015 - 2025 爱宅域

加入官群 QQ咨询 友链展示 申请友链

您的IP:216.73.216.254,2025-06-16 15:43:19,Processed in 0.50381 second(s).

头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有0次打赏
(6) 分享
分享

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

取消