1、JavaScript被放在<head></head>中
首先我们要知道的是HTML 文档加载顺序是从上至下被加载的,而且加载途中遇到JavaScript的代码时就会把JavaScript的代码放入缓冲中,当浏览器找到与它相关的标签时才进行匹配。当我们把JavaScript的代码放在head中的时候,JavaScript的代码就会首先被加载,但是当JavaScript要操作的HTML还没有被加载出来的时候就会报错。所以就有了下面的这种方法。
2、JavaScript被放在<body></body>中
JavaScript放在<body></body>中,并不是放在任何位置,为了避免上面所说的那种错误,我们把JavaScript放在body的最后面,这样当HTML元素被加载完成了以后才会加载JavaScript的代码,代码如下:
<html>
<head>
</head>
<body>
</body>
<div id="test"></div>
<script type="text/javascript">
document.getElementById("test").innerHTML="测试文字";
</script>
</html
3、外部引用JavaScript代码
还有一种方法就是外部引用JavaScript的代码,这样既有有点也有缺点。当JavaScript被放在外部的时候,这个时候HTML页面就会更加整洁,体积更小,方便搜索引擎收录。但是也有缺点,当JavaScript代码被放在外面的时候,会增加服务器的http请求负担。
更多推荐
JavaScript应该被放在什么位置
发布评论