＜script＞标签与＜/body＞闭合标签之间的顺序

已于 2022-01-24 12:24:00 修改
阅读量581 收藏
点赞数
分类专栏： JavaScript 文章标签： 前端 css css3
于 2022-01-24 12:23:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tcliuwenwen/article/details/122664950
版权
博文背景

当js引入位于页面底部时script标签到底是放在body闭合标签之前还是之后？

解决办法

https://www.zhihu.com/question/20027966
首先呢某乎存在讨论。然后我下载了几个著名网站的index.html发现script标签有很多是放在body闭合标签之后的。

所以怎么搞才是“正确”的呢？用w3c html checker看一下就知道了。
w3c checker
w3c checker
在以后的实践中我会把它放在闭合标签之前，因为这样符合规范，不过随便咋整都没关系，浏览器很智能的，他能修复。

tcliuwenwen
关注
专栏目录
HTML基本内容
Joyce_lulu的博客
08-11 1594
HTML Hyper text markup language 超文本标记语言 主要是对网页的文本，图片，声音进行描述 HTML骨架格式 html标签 是所有标签的根节点 head标签 用于存放title meta base style script link title标签 展示页面标题 body标签 页面的主题部分，用于存放所有标签 HTML标签分类 1.双标签 ​ 有闭合标签的叫...
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
学习笔记--javascript 的<script></script>放在body和<head></head>的区别
最爱山间那朵云
05-31 526
html5的页面执行时自上而下的，所以当在中使用的时候不要有getElemntById(id   来自body里),由于还没加载到，会返回null； 要将放到那些id之后。 eg： html> html> head lang="en"> meta charset="UTF-8"> title>sorrowtitle> link rel="stylesheet" t
<script>标签不能自闭合
fantasic_van的博客
06-06 1165
当我们在写jsp时，一般会有一个公共的jsp用于引入常用的js和css，或者设置绝对路径等等。 但有一个细节需要注意，在利用 标签时，必须自己手动添加闭合 如： 而不能写成：  否则在打开页面是，会发现，自己的jsp代码会被引入的Jsp代码包含住，从而内容无法显示 如图：
为什么script标签要放在body前，而不是head中？
weixin_30980795的博客
06-04 1339
一，按照传统的做法，所有script元素都应该放在页面的head元素中，这种做法的目的就是把所有外部文件（包括css和JavaScript文件）的引用都放在相同的地方，可是，在文档的head元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成之后，才能开始呈现页面内容（浏览器在遇到body标记时才开始呈现内容）。 二，对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。为
为什么最好把JS的script标签放在body标签结束之前
最新发布
2301_79420857的博客
11-24 448
一定不要因为粗心而忘记哦！不知道嫩想过这个问题没。
把Script标签放在页面最底部的＜/body＞之前和之后有什么区别？浏览器会如何解析它们？
weixin_47450807的博客
02-21 4048
如果把script标签放在</body>之前，则浏览器加载时会阻塞其他资源，如果放到</body>标签之后，则不会阻塞资源。 因为如果放在</body>标签之前，则浏览器当解析到script标签时会暂停html的解析（因为不知道在js中会不会操作DOM，故此中断)。如果放在</body>标签之后，则浏览器当解析到script标签时不会出现阻塞，但是可能当用户操作DOM时，js没有响应(因为不存在阻塞现象，当页面展示出来时，js可能还没有加载完毕)。 在HTML
<html> </body> <h1>Javascript removeEventListener()</h1> <p id="p1" style="background-color:#0ff;font-size:30;">onmousemove 事件处理程序，每次在这个青色背景字段中移动鼠标时都会，单间按钮以删除div的事件处理程序。</br></p> <button onclick="remove()" id="myBtn">删除</button> <p id="demo"></p> <script> document.getElementById("p1").addEventListener("mousemove",move); function move(){ document.getElementById("demo").innerHTML=Math.random(); } function remove(){ document.getElementById("p1").removeEventListener("mousemove",move); } </script> </body> </html>修改这段代码使它能够运行
06-08
1. 标签闭合问题：原代码中 `<html>` 和 `<body>` 标签没有闭合，我在修改时加上了关闭标签。 2. 标签属性问题：原代码中 `<p>` 标签的 style 属性没有写完整，我修改时将属性值的单位 px 补全。 3. JavaScript ...
CSS（CSS3）知识点学习
于公子的博客
03-03 8318
CSS（CSS3）自我学习，知识点总结
JavaScript 面试题汇总(一)
u010227447的专栏
05-14 4122
JavaScript 面试题集锦(一) 一 选择题 　　1.关于XHTML 1.0规定的级别声明，下面选项中属于严格类型的是（）： 　　A.Strict B.Trasitional C.Frameset D.Mobile 　　答案：A。XHTML1.0有三种文档类型：Strict严格类型，Trasitional过渡类型，Frameset框架类型。 　　2.下面HTML
Javascript位置 body之前、后 执行顺序
alian_1126的专栏
01-22 2530
简介：<br />当页面加载的时候，嵌入html标记的js代码和位于<body></body>之间的js代码将被执行；当调用的时候，位于<head></head>之间代码和外部js文件代码将被执行 <br /> <br />1.根据实际需要放置代码？<br />有时候，您实际上需要把代码放置在不同地方以符合代码运行要求。比如，您需要在代码全部载入浏览器后再运行代码，那就可以<br />将<script>标签放在</html>后面去，如果您需要在页面载入的时候运行代码，可以把js代码放入<head></h
script标签放在body标签前后的区别
前端萌新一枚
06-10 1万+
&amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt; &amp;amp;lt;title&amp;amp
html标签必须放body吗,为什么script标签一般放在body下面
weixin_29426299的博客
06-18 2360
通常我们在开发html时，通常将script标签放到body标签下面，那原因到底是为什么呢？js代码在载入完后，是立即执行的。Documentvar item = document.getElementById("item");console.log(item); //null我是html结构，我要展示到页面上！通过这个简单的例子我们可以看到，js代码在加载完后，是立即执行的，执行完后，body...
关于script标签在HTML页面放置的位置
weixin_45832482的博客
03-05 1万+
一般script标签会被放在头部或尾部，头部就是head标签里，尾部就是body里，也有放在body闭合标签之后。 1、script标签放在head标签内部 <head> <title>获取DOM元素</title> <script> var myElement = document.getElementById("atag"); console.log(myElement); </script&g
为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前？(转)
weixin_43152527的博客
10-09 888
作者：贺师俊 链接：https://www.zhihu.com/question/20027966/answer/13727164 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 Google并没有把新浪微博确实有在之后输出新浪微博所用的doctype是XHTML 1.0，但是其response的content type头并没有用XHTML mimetype，所以...
把script标签放在页面的最底部的body封闭之前和封闭之后有什么区别？浏览器会如何解析他们？
LuckXinXin的博客
03-10 969
答： 如果说放在body的封闭之前，将会阻塞其他资源的加载。 如果放在body封闭之后，不会影响body内元素的加载。
＜script＞放在head内和body内的区别
Q1368089323的博客
12-13 2406
1.区别简述： 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行，但是在主页和其余部分代码之前预先装载。 加载的顺序不一样，你可以把ＨＴＭＬ看成从上往下加载的。 例如在网速慢的情况下把ｊｓ代码放在ｂｏｄｙ底部用户会先看到网页结构，等ｊｓ加载完成后才出现特效 2.JavaScript的位置 head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分
script执行顺序
weixin_30924087的博客
01-23 602
一、head区的script会优先于body区的script执行 Copy code 实例：Head区script代先于body区的script执行 二、关于变量，与书写的顺序有关，必须先声明才可引用： 三、关于函数的定义与执行： 1.如果函数的定义与函数的执行，是位于同一Script标签内，则函数的执行与二者位置顺...
深入解析HTML与JavaScript结合的<script>标签与<body>应用
本文将详细介绍JavaScript与HTML的结合方法，重点探讨两个主要的标签：`<script>`和`<body>`，以及它们在HTML页面中的作用。 1. `<script>`标签的使用 在HTML中，JavaScript脚本通常嵌套在`<script>`和`</script>`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值