探讨JavaScript标签位置的存放与功能有无关系
更新时间：2016年01月15日 11:05:59 作者：诗吟
在网页中，我们可以将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的最下面。
写一写看咯：
<!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中的return作用及javascript return关键字用法详解
本文给大家介绍Javascript中的return作用及javascript return关键字用法详解，对于大家学习javascript中的return知识有所帮助，感兴趣的朋友一起学习吧2015-11-11
这篇文章主要介绍了微信小程序之事件交互操作,结合实例形式分析了微信小程序事件响应、交互及界面布局等相关操作技巧与注意事项,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了JavaScript 实现下雪特效的示例代码，帮助大家利用JavaScript制作特效，感兴趣的朋友可以了解下2020-09-09
共享自己写一个框架DreamScript...2007-01-01
这篇文章主要为大家详细介绍了js+html5实现复制文字按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
下面小编就为大家带来一篇js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
下面小编就为大家带来一篇js动态生成form 并用ajax方式提交的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
今天看书，作者讨论到能否采用动态原型方法展示继承机制，给出的答案是：不能。原因是prototype对象的唯一性。看下面代码（这段代码不正确，却值得研究）2009-12-12
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
关于Lodop打印是个很牛的打印插件,但是打印Bootstrap的样式的时候就容易错乱,下面通过本文给大家分享下这方面的问题2016-12-12
最近做项目遇到这样的需求，通过手机网页判断是否安装了自己公司app，如果安装了则拉起app，没有安装则跳转到下载页。怎么实现呢？下面小编给大家分享js拉起或下载app的实现代码，需要的朋友参考下2017-02-02
最新评论