分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

html解析和渲染过程 与 Script标签和脚本执行顺序

发布时间:2023-09-06 01:08责任编辑:蔡小小关键词:暂无标签

几个首要特性:

  • script标签(不带deferasync属性)的会阻止文档渲染。相关脚本会立即下载并执行。
  • document.currentScript可以获得当前正在运行的脚本(Chrome 29+, FF4+)
  • 脚本顺序再默认情况下和script标签出现的顺序一致

deferasync属性(defer和async没有完全兼容所有浏览器

  • 仅有async属性,脚本会异步执行
  • 仅有defer属性,脚本会在文档解析完毕后执行
  • 两个属性都没有,脚本会被同步下载并执行(顺序下载,顺序执行),期间会柱塞文档解析

如下示例A1,A2,A3

<!-- HTML code --><script ?src="https://snipt.net/raw/A1_7b08744009c450e07c0bfc1d606fc72e/"></script><script ?src="https://snipt.net/raw/A2_a2e8c05c1f6fc0e47d259aa899304e89/"></script><script ?src="https://snipt.net/raw/A3_4fab3017d3d46cbfc4bbd88aab006650/"></script>

当第二个文件A2的尺寸远大于另外两个文件,A1下载执行不受影响,A3在A2下载执行完成之后下载

当<script>标签下载执行过程中,HTML停止解析(也停止渲染)

  

html解析和渲染过程 与 Script标签和脚本执行顺序

原文地址:http://www.cnblogs.com/amusic/p/7477885.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved