浅谈原生JS中的延迟脚本和异步脚本
2017-07-12 07:50
477 查看
一、延迟脚本 defer
HTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。
脚本会被延迟到页面加载完毕的时候,执行。也就是当浏览器解析到</html> 标签后才会执行代码。在HTML5规范中,defer属性中适用于外部脚本。
而家了defer 的脚本文件会比DOMContentLoaded事件触发前执行。
二、异步脚本 async
HTML5为<script>添加了个async属性。这个属性与defer属性类似。都是只对外部脚本有用。并告诉浏览器立即下载文件。但与defer不同的是,async并不能保证按照他们指定的
先后顺序执行。因此要确保两者之间互不依赖。指定async的目的是不让页面等待两个脚本下载执行。异步脚本一定会在页面的load事件之前执行。
以上这篇浅谈原生JS中的延迟脚本和异步脚本就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- js脚本同步、异步与延迟
- 【js学习笔记-074】---------同步、异步和延迟脚本
- JS/CSS 延迟加载脚本
- document.write 方式引入外部 JS 文件导致脚本程序执行顺序不同以及 DOM 树更新延迟问题
- 挨踢骑术 lazyload.js实现图片异步延迟加载
- 延迟脚本/异步脚本
- 原生js 异步请求,responseXML解析
- 异步加载js脚本的方法
- iOS原生代码通过webView与js脚本交互
- 延迟脚本和异步脚本
- 基于原生js的图片延迟加载
- 原生js页面滚动延迟加载图片
- web优化之-js 异步加载 js延迟执行 js插件
- 原生Js页面滚动延迟加载图片实现原理及过程
- 无阻赛的脚本(js脚本延迟方法)
- 页面DIV弹出层 JS原生脚本
- UpdatePanel中内容异步加载后,调用JS脚本方法
- 原生Js页面滚动延迟加载图片
- 原生js--编码请求主体(异步请求)
- 延迟加载JS脚本