手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >探讨JavaScript标签位置的存放与功能有无关系
探讨JavaScript标签位置的存放与功能有无关系
摘要:在网页中,我们可以将JavaScript代码放在html文件中任何位置,但一般放在head或body标签里面。一般来说,元素放在哪里与其的功...

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

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

1、放在<head>里

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

然后依次向下解析渲染。

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

2、放在<body>部分

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

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

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

写一写看咯:

<!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标签位置的存放与功能有无关系】相关文章:

在JavaScript的正则表达式中使用exec()方法

JavaScript实现简单的数字倒计时

JavaScript中的私有成员

浅析JavaScript中的事件机制

JavaScript使用addEventListener添加事件监听用法实例

使用JavaScript刷新网页的方法

JavaScript中使用自然对数ln的方法

javascript实现youku的视频代码自适应宽度

JavaScript中操作字符串小结

JavaScript中的small()方法使用详解

精品推荐
分类导航