码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 入门篇01- 标签位置

时间:2016-01-14 22:09:08      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

在网页中,我们可以将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 入门篇01- 标签位置

标签:

原文地址:http://www.cnblogs.com/shiyin0912/p/5131633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!