script标签放在body标签前后的区别

最新推荐文章于 2024-07-09 21:43:46 发布
最新推荐文章于 2024-07-09 21:43:46 发布
阅读量1.1w 收藏 2
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41218152/article/details/80644713
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#nav{
				border: 1px solid;
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<div id="nav"></div>
	</body>
	<script>
		var nav=document.getElementById("nav");
		nav.onclick=function(){
			this.style.background="red";
		}
	</script>
</html>

解释：

  1. Google并没有把插入在之后，而只是没有写和闭合标签。 【这样做是符合标准的。不仅是html5标准，从第一个HTML正式标准HTML 2.0开始，这样做都是允许的。相反，在之后插入其他元素，从HTML 2.0起就是不合标准的。】

  2. 按照HTML5标准中的HTML语法规则，如果在后再出现或任何元素的开始标签，都是parse error，浏览器会忽略之前的，即视作仍旧在body内。所以实际效果和写在之前是没有区别的

  3. 但并不建议这么写，不同的游览器实现不一样

杏仁璐
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
script标签放在head内和body内有什么区别
Jack Lee's blogs
03-15 2995
加载的顺序不一样，你可以把ＨＴＭＬ看成从上往下加载的。 例如在网速慢的情况下把ｊｓ代码放在ｂｏｄｙ底部用户会先看到网页结构，等ｊｓ加载完成后才出现特效 区别简述： 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行，但是在主页和其余部分代码之前预先装载。 ——————————————————————...
jslinkcache:一个简单的 JS 库，用于缓存锚标签指向的内容，并在用户点击标签时加载它们
06-15
4. **自定义处理**：如果你想在内容加载前后添加自定义逻辑，可以使用提供的事件监听器，例如`onBeforeLoad`和`onContentLoaded`。 ### **三、示例代码** ```html <!DOCTYPE html> <script src="jslinkcache.js...
script 标签位置的区别
qq_45939519的博客
09-23 206
script 标签位置的区别
把＜script＞放在＜/body＞之前和之后有什么区别？浏览器会如何解析它们？
最新发布
m0_64620776的博客
07-09 89
按照HTML标准，在</body>结束后出现<script>或任何元素的开始标签，都是解析错误 虽然不符合HTML标准，但浏览器会自动容错，使实际效果与写在</body>之前没有区别 浏览器的容错机制会忽略<script>之前的</body>，视作<script>仍在 body 体内。省略</body>和</html>闭合标签符合HTML标准，服务器可以利用这一标准尽可能少输出内容
把Script标签放在页面最底部的＜/body＞之前和之后有什么区别？浏览器会如何解析它们？
weixin_47450807的博客
02-21 3904
如果把script标签放在</body>之前，则浏览器加载时会阻塞其他资源，如果放到</body>标签之后，则不会阻塞资源。 因为如果放在</body>标签之前，则浏览器当解析到script标签时会暂停html的解析（因为不知道在js中会不会操作DOM，故此中断)。如果放在</body>标签之后，则浏览器当解析到script标签时不会出现阻塞，但是可能当用户操作DOM时，js没有响应(因为不存在阻塞现象，当页面展示出来时，js可能还没有加载完毕)。 在HTML
把 ＜script＞ 放在 ＜/body＞ 之前和之后有什么区别？浏览器会如何解析它们？
php_martin的博客
08-05 372
把``放在``之前和之后有什么区别？浏览器会如何解析它们？
＜script＞放在head内和body内的区别
Q1368089323的博客
12-13 2371
1.区别简述： 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行，但是在主页和其余部分代码之前预先装载。 加载的顺序不一样，你可以把ＨＴＭＬ看成从上往下加载的。 例如在网速慢的情况下把ｊｓ代码放在ｂｏｄｙ底部用户会先看到网页结构，等ｊｓ加载完成后才出现特效 2.JavaScript的位置 head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分
javascript代码写在哪里？＜body＞ 和＜head＞里面的js有什么区别？
wang2love的博客
12-22 1133
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。在HTML里引用外部文件里的Javascript，应在Head里写一句，其中src的值，就是Javascript所在文件的文件路径。head中脚本: 需调用才执行的脚本或事件触发执行的脚本。当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。body中脚本: 页面被加载时执行的脚本，通常被用来生成页面的内容。
无涯教程(LearnFk)-JavaScript教程离线版.pdf
05-13
建议将`<script>`标签放在`<head>`标签内，这样浏览器可以先加载并执行JavaScript代码。`<script>`标签具有`language`和`type`属性，分别用于指定脚本语言和脚本类型。不过，`type="text/javascript"`目前是推荐使用...
js+html制作简单日历的方法
12-09
在这个日历示例中，主要的JavaScript代码在`<script>`标签内，且放在文档底部，这样确保在执行前DOM已加载完毕。 在JavaScript中，我们定义了一个名为`run`的函数，它接受一个参数`n`，表示要显示的月份（正数为...
Burgers_order
02-26
通过`<script>`标签引入JS代码或外部文件，可以处理用户点击事件、改变DOM（Document Object Model）元素，增加交互性。 7. 数据提交：在表单提交时，`<form>`标签的`action`属性指明处理数据的URL，可能是服务器端...
js脚本攻击大全
07-18
通过在`<img>`标签前后插入空格或其他非字母数字字符来绕过过滤器。 ##### 20. Non-alpha-non-digit XSS ```html <SCRIPT/XSSSRC="http://3w.org/XSS/xss.js"></SCRIPT> ``` 通过使用非字母非数字字符来构造标签，...
script标签放在head标签与body标签中的区别
qq_43635212的博客
03-28 1634
html代码是从上往下依次执行,<script>放在<head>中时，会在页面加载之前加载到浏览器里，放在<body>中时，会在页面加载完成之后读取。 所以：在head中checkInput1 为undefined，而在body的script标签中checkInput2为Object <html> <head> <tit...
script标签放在页面头部和尾部的区别
weixin_47316183的博客
11-02 4886
script标签放在页面头部和尾部的区别 一般script标签会被放在头部或尾部。头部就是里面，尾部一般指里 ------放在各个位置的区别 1.标签放置在标签内部时： 　　将script放在里，浏览器解析HTML，发现script标签时，会先下载完所有这些script，再往下解析其他的HTML。讨厌的是浏览器在下载JS时，是不能多个JS并发一起下载的。不管JS是不来来自同一个host，浏览器最多只能同时下载两个JS，且浏览器下载JS时，就block掉解析其他HTML的工作。将script放在头部，会让网页
css面试点-script标签写在body和head中的区别
wfly blog
11-18 1725
javascript代码写在<head>里面： 由于这时候网页主体（body）还未加载，所以这里适合放一些不是立即执行的自定义函数，立即执行的语句则很可能会出错（视浏览器而定） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit...
js script放在head跟body里面的区别
欢迎来到小迪的CSDN博客！
12-14 1486
js script放在head跟body里面的区别 在head中时，所代表的functions只加载而不执行，执行是在某一事件触发后才开始。 在body中时，直接加载并执行 典型区别：如果有不在函数中的执行语句，比如变量初始化，如果在head中就不会执行。 例如：<html> <head> <title>第一个Html5视频测试</title> <scri
把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？
高先生的猫
04-16 703
html标签只包含head 和body两个标签，解析时，所有标签都会解析进这两个标签里边。body之前的任何位置都会解析进head里边，之后的都会解析进body里边。 ...
script 写在body和head中的区别
菜鸟的飞翔
05-13 1375
在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。
script放置位置区别
qq_44165163的博客
09-14 1560
script放置最佳位置 script的位置不可以随便放的！！！ html文件是自上而下的执行方式，但引入的css和javascript的顺序有所不同，css引入执行加载时，程序仍然往下执行，而执行到代码： <script> var a=document.querySelector("input"); a.onclick=function(){ alert('111'); } </script> </head> <body> <input t
<script>标签放在head和放在body有什么好处和坏处
05-31
将<script>标签放在<head>标签中的好处是可以提高网站的加载速度，因为它们会在页面的其余部分加载之前被加载和解析。这可以确保脚本在页面显示之前可用并且能够更快地运行。但是，如果您的脚本涉及文档对象模型（DOM）的操作，则会导致页面停止响应，因为DOM尚未完全加载。 将<script>标签放在<body>标签中的好处是可以确保DOM已完全加载，从而避免了上述问题。此外，放在<body>标签中的脚本可以访问<body>中的任何元素，这对于与页面元素交互的脚本非常有用。但是，这可能会导致页面加载速度变慢，因为脚本将在页面加载后才被加载和解析。 因此，选择将<script>标签放在<head>或<body>中取决于您的脚本的性质和对页面加载速度和响应时间的优先级。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值