博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
<script> 的defer和async
阅读量:7023 次
发布时间:2019-06-28

本文共 445 字,大约阅读时间需要 1 分钟。

<script src="../file.js" async="async"></script>

file.js----

仅仅只有alert("hello,world");

 

async 属性仅适用于外部脚本(只有在使用 src 属性时)。

有多种执行外部脚本的方法:

  • 如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
  • 如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
  • 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本
    

 在IE8下执行代码并没有体现异步的功能,执行顺序为:

(1)弹出 hello,world

(2)关闭 "hello,world"后渲染BOM界面

将相同的代码在chorme中进行执行,体现异步特性,即弹出hello,world和渲染浏览器同时进行

关闭【确定】按钮后执行页面如下:

在chorme下的执行结果如下:

 

转载地址:http://eisxl.baihongyu.com/

你可能感兴趣的文章
Starting MySQL.Manager of pid-file quit without updating file.[FAILED]
查看>>
深入浅出PostgreSQL B-Tree索引结构
查看>>
PostgreSQL 如何高效解决 按任意字段分词检索的问题 - case 1
查看>>
JAVA中的CAS
查看>>
51nod 1770 数数字
查看>>
SEO艺术--搜索引擎基础
查看>>
Selenium+PhantomJS实现简易有道翻译爬虫
查看>>
发现一个问题
查看>>
[转]Shared——React Native与原生关系理解与对比
查看>>
HPC Linux
查看>>
JDBC 插入时间字段的值
查看>>
CentOS 7之Postfix部署系列 (二) CentOS网络设置
查看>>
30K 月薪运维工程师面试考什么?滴滴17年春招笔试题
查看>>
给力!新书面市:软考45分采分点梳理与难点突破——系统集成项目管理工程师...
查看>>
分享ISTQB培训体验
查看>>
Android帧缓冲区(Frame Buffer)硬件抽象层(HAL)模块Gralloc的实现原理分析(3)...
查看>>
自动化部署工具PUPPET介绍
查看>>
SystemCenter2012SP1实践(7)SCVMM管理VMware
查看>>
监控AlwaysOn可用性组的运行状态
查看>>
虚拟化基础架构Windows 2008篇之10-使用WDS安装Windows 7
查看>>