扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文小编为大家详细介绍“script标签一般写在html的哪里”,内容详细,步骤清晰,细节处理妥当,希望这篇“script标签一般写在html的哪里”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
创新互联一直在为企业提供服务,多年的磨炼,使我们在创意设计,成都营销网站建设到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十载以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务四川移动机房托管、成都App定制开发、手机移动建站、网页设计、网络整合营销。
script标签的位置:1、放在head标签内部,浏览器解析HTML,解析到script标签时,会先下载完所有script,再往下解析其他的HTML;因此会使网页内容呈现滞后,用户体验差。2、放在body标签内部,浏览器会先解析完整个HTML页面,再下载并解析js。3、放在body闭标签之后,浏览器会忽略之前的“”,所以实际效果和写在body闭合标签之前没有区别。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
一般script标签会被放在头部或尾部,头部就是head标签里,尾部就是body里,也有放在body闭合标签之后。
获取DOM元素 一个标签
打印结果:
当script标签放在head标签里时,浏览器解析HTML,解析到script标签时,会先下载完所有script,再往下解析其他的HTML。在浏览器下载js时,是不能多个js一起下载的,且浏览器下载js时,会阻塞解析其他的HTML。因此,将script标签放在头部,会使网页内容呈现滞后,用户体验差。
一个标签
将script标签放在body尾部,浏览器会先解析完整个HTML页面,再下载js,这样的话,如果js执行出错了,最起码页面中的元素还可以加载出来,因为DOM文档是从上往下的顺序执行的。 但是对于一些高度依赖于js的网页,这样就会显得很慢。
一个标签
虽然放在body闭合标签之前和之后的打印结果是一样的,但是从HTML 2.0起放在body闭标签之后
就是不合标准的。之所以浏览器不会报错,是因为如果在body标签之后
再出现script或任何元素的开始标签,都是prase error
(语法错误),浏览器会忽略之前的,即视作仍旧在body内部,所以实际效果和写在
body闭合标签之前
是没有区别的。
async
和defer
async的设置,会使得script脚本异步的加载并在允许的情况下执行,但是并不会按照在script在页面中的顺序来执行,而是谁先加载完谁执行。
如果script01.js较大,下载慢,则会导致script02.js可能先于script01.js执行。
defer的设置,会是浏览器异步的下载该文件并且不会影响到DOM的渲染,如果有多个设置了defer的script标签存在,则会按照顺序执行所有的script,即先下载script01.js,再下载script02.js
读到这里,这篇“script标签一般写在html的哪里”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流