js代码放在head和body的区别

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

一、在head主体里写,如果有方法体,那么就是在客户点击的时候触发,如果没写方法体,比如引入的js文件,那么在加载页面前就预加载了。
但如果想操作DOM中的元素,等待DOM完全加载后,再告诉浏览器如何做,应该:

<html>
<head>
    <script>
    function init() {
        var i = document.getElementById("id1");
        i.innerHTML = "aaaa";
    }
    window.onload = init;
    </script>
</head>
</html>

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

<html> 
<body> 
<script> 
alert("in body"); 
</script> 
</body> 
<head> 
<script> 
alert("in head"); 
</script> 
</head> 
</html> 

结果是先弹出body,再弹出head.
如果改下代码结果就截然相反了,例


<html> 
<head> 
<script> 
alert("in head"); 
</script> 
</head> 
<body> 
<script> 
alert("in body"); 
</script> 
</body> 
</html> 

执行时得考虑javascript执行顺序

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值