js写在head与写在body有什么区别

如题所述

这个和代码的执行顺序有关,代码的读取是自上而下的,如果你的JS放置在顶端并且没有进行一些处理(如网页加载完毕之后再执行JS)的话,那么在读取JS时,底部的HTML内容并没有被加载,HTML当中的标签可能就是获取不到的

如果把JS放置在body的关标签之前,则能够保证JS会在网页加载完毕之后再被读取,也就不会出现相应的一些错误或问题。

当然JS给了开发者更强大的功能,可以让网页加载完毕之后再执行JS(如果放置在顶端的话,原生方法onload)

具体可以看这个实例:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 å­¦å ‚ - åŽŸåˆ›æŠ€æœ¯æ–‡ç« </title>
<script>
var test1 = document.getElementById('h5course');
console.log(test1);
</script>
</head>
<body>
<div id="h5course">HTML5</div>
<script>
var test2 = document.getElementById('h5course');
console.log(test2);
</script>
</body>
</html>

最终浏览器打印效果如下图:

前者没有获取到标签,而后者则拿到了标签

温馨提示:内容为网友见解,仅供参考
无其他回答

JS代码放在head和body中的区别分析
在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。一、区别浏览器解析html是从上到下的。如果把javascript放在head里的话,则先被解析,但这时候body还没有解析,所以会返回空值。一般都会绑定一个监听,当全部的html文档解析完之后,再执行...

js写在head与写在body有什么区别
javascript代码写在<head>里面:由于这时候网页主体(body)还未加载,所以这里适合放一些不是立即执行的自定义函数,立即执行的语句则很可能会出错(视浏览器而定)javascript代码写在<body>里面:这里可以放函数也可以放立即执行的语句,但是如果需要和网页元素互动的(比如获取某个标签的值或者给某个标签...

js写在head与写在body有什么区别
这两个位置都是可以写的,没有任何区别。从上到下执行。执行顺序有区别

js写在head与写在body有什么区别
这个和代码的执行顺序有关,代码的读取是自上而下的,如果你的JS放置在顶端并且没有进行一些处理(如网页加载完毕之后再执行JS)的话,那么在读取JS时,底部的HTML内容并没有被加载,HTML当中的标签可能就是获取不到的 如果把JS放置在body的关标签之前,则能够保证JS会在网页加载完毕之后再被读取,也就...

为什么有的js代码放在 head 和 body,一个有用,一个没用?
不同的代码放的地方不同 一般函数都放在head里 只有少数的控制代码 放在Body中所需要的位置上

怎么分别javascript写在<head>里还是<body>里面?
Javascript写在哪里?概括起来就是三种形式:1. 内部:Html网页的<body><\/body>中;2. 内部:Html网页的<head><\/head>中;3. 外部:外部JS文件里。(1) Javascript写在<body><\/body>中 当浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。<html> <...

引入js的script标签到底是放在head还是body中
具体说都是可以的,但各有各的好处。放在head中:统一管理,方便维护;但浏览器会首先加载js文件,如果js文件过大,会造成页面在加载js的时候“无反应”时间过长,影响用户体验。放在body中(或放在body后):浏览器会首先加载js文件之前的元素,并显示到界面上,这样给用户的体验较好,但是不方便维护。...

在head标签里面javascript预装载,而在body里面则直接执行,怎么理解?_百...
这是一个概念定义上的问题,尽量把需要被调用的JS放在head里,这样无论网页中什么地方需要调用此函数,都可以被正常的使用到。body中的JS一般是 当网页被加载的时候,需要被一并执行的。通常是输出一些HTML代码,生成页面的内容。

javascript代码写在哪里(javascript代码在哪里运行)
js写在head与写在body有什么区别javascript代码写在head里面:由于这时候网页主体(body)还未加载,所以这里适合放一些不是立即执行的自定义函数,立即执行的语句则很可能会出错(视浏览器而定)javascript代码写在body里面:这里可以放函数也可以放立即执行的语句,但是如果需要和网页元素互动的(比如获取某...

js的script标签到底是放在head还是body中
按照编程语言的书写习惯,通常把javascript标签放到头部,比如这样:一般地:js是立即交互性优先的顶部延迟交互性稍后的尾部。

相似回答