本文深入探讨了HTML文档中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执行顺序
扫一扫
194
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
