JavaScript应该被放在什么位置

编程知识 行业动态 更新时间:2024-06-13 00:17:48


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应该被放在什么位置

本文发布于:2023-03-25 19:49:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/7be546c708c42a02a2cd18a85bebda01.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:放在   位置   JavaScript

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!