探讨JavaScript标签位置的存放与功能有无关系_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:48:54
探讨JavaScript标签位置的存放与功能有无关系_javascript技巧
探讨JavaScript标签位置的存放与功能有无关系_javascript技巧:在网页中，我们可以将JavaScript代码放在html文件中任何位置，但一般放在head或body标签里面。 一般来说，元素放在哪里与其的功能作用是紧密相关的，在这里讨论2种情况： 1、放在里 将元素放在head中是为了让浏览器在一开始就读取，元素会在整个网页最开始
导读探讨JavaScript标签位置的存放与功能有无关系_javascript技巧:在网页中，我们可以将JavaScript代码放在html文件中任何位置，但一般放在head或body标签里面。 一般来说，元素放在哪里与其的功能作用是紧密相关的，在这里讨论2种情况： 1、放在里 将元素放在head中是为了让浏览器在一开始就读取，元素会在整个网页最开始
在网页中，我们可以将JavaScript代码放在html文件中任何位置，但一般放在head或body标签里面。
一般来说，元素放在哪里与其的功能作用是紧密相关的，在这里讨论2种情况：
1、放在
里
将元素放在head中是为了让浏览器在一开始就读取，元素会在整个网页最开始解析时就加载执行，其优先次序仅次于
元素。<br />
</p>
<p>然后依次向下解析渲染。<br />
</p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/wenzhong.js"></script>
<p>应用：比如进行页面显示初始化的js必须放在head里面。<br />
</p>
<p>2、放在<body>部分</p>
<p>浏览器按照页面标签顺序依次解析，在读取到JavaScript代码时就会执行语句。<br />
</p>
<p>但有的JS函数是通过事件调用的，所以具体放在页面的哪个位置并不影响其发挥作用的时间，所以，在考虑到前端性能方面的问题后，可以把不是最先执行的和事件调用的JS代码放在body的最下面。<br />
</p>
<p style="text-align: center"><img " src="http://files.jb51.net/file_images/article/201601/2016011511040325.jpg" /></p>
<p>写一写看咯：<br />
</p>
<div class="51ds_code" style="position: relative;"><pre class="brush:js;">
<html>
<head>
<title>JS代码的位置
document.write("I'M HEAD javascript");
由以上所述看出，javascript标签位置的存放与功能紧密相关，希望本文所述对大家有所帮助。
