script标签放在body标签前后的区别
2018-06-10 21:00
225 查看
版权声明:(๑╹◡╹)ノ""" 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>
解释:
-
Google并没有把插入在之后,而只是没有写和闭合标签。 【这样做是符合标准的。不仅是html5标准,从第一个HTML正式标准HTML 2.0开始,这样做都是允许的。相反,在之后插入其他元素,从HTML 2.0起就是不合标准的。】
-
按照HTML5标准中的HTML语法规则,如果在后再出现或任何元素的开始标签,都是parse error,浏览器会忽略之前的,即视作仍旧在body内。所以实际效果和写在之前是没有区别的
-
但并不建议这么写,不同的游览器实现不一样
相关文章推荐
- 把 Script 标签 放在页面的最底部的 body 封闭之前 和封闭之后有什么区别?浏览器会如何解析它们?
- 学习笔记--javascript 的<script></script>放在body和<head></head>的区别
- 为什么script标签要放在body前,而不是head中?
- js代码放在head标签与放在body标签的区别
- 页面标签<head></head>之间与<body></body>之间放JS有区别吗?
- script 写在body和head中的区别
- 关于JS的window.onload与$(function (){})方法区别,JS放在head和Body的区别
- JS中script标签defer和async属性的区别详解
- javascript放在head和body的区别(w3c建议放在head标签中)
- javascript放在head和body之间的区别
- script 写在body和head中的区别
- script标签中defer和async属性的区别
- script 写在body和head中的区别
- javascript放在head和body的区别
- JS代码放在head和body中的区别分析
- js放在<head>里 和 <body>里的区别
- script 写在body和head中的区别
- 为什么js代码块有时候不起作用,需要放在body标签中
- script标签中async,defer两个属性的区别
- link标签和script标签跑到body下面,网页顶部有空白,UTF-8 BOM问题