js代码放在head和body的区别

来源：互联网发布：购买特价机票的软件编辑：程序博客网时间：2024/05/16 23:47

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