主页 / 网络编程 /

探讨JavaScript标签位置的存放与功能有无关系

网络编程 2021-07-04 21:04www.168986.cn编程入门
在网页中，我们可以将JavaScript代码放在html文件中任何位置，但一般放在head或body标签里面。，<script>元素放在哪里与其的功能作用是紧密相关的，通过本文我们一起学习下

在网页中，我们可以将JavaScript代码放在html文件中任何位置，但一般放在head或body标签里面。

，<script>元素放在哪里与其的功能作用是紧密相关的，在这里讨论2种情况

1、放在<head>里

将<script>元素放在head中是为了让浏览器在一开始就读取，<script>元素会在整个网页最开始解析时就加载执行，其优先次序仅次于<title>元素。

然后依次向下解析渲染。

应用比如进行页面显示初始化的js必须放在head里面。

2、放在<body>部分

浏览器按照页面标签顺序依次解析，在读取到JavaScript代码时就会执行语句。

但有的JS函数是通过事件调用的，所以具体放在页面的哪个位置并不影响其发挥作用的时间，所以，在考虑到前端性能方面的问题后，可以把不是最先执行的和事件调用的JS代码放在body的最狼蚁网站SEO优化。

写一写看咯

<!DOCTYPE HTML>
<html>
<head>
<title>JS代码的位置</title>
<script type="text/javascript">
document.write("I'M HEAD javascript");
</script>
</head>
<body>
<script type="text/javascript">
document.write("I'M body javascript");
</script>
</body>
</html>

由以上所述看出，javascript标签位置的存放与功能紧密相关，希望本文所述对大家有所帮助。

上一篇：JavaScript程序开发之JS代码放置的位置 下一篇：JavaScript知识点总结之如何提高性能

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by