当前位置:首页 > 日记 > 正文

浅谈原生JS中的延迟脚本和异步脚本

浅谈原生JS中的延迟脚本和异步脚本

一、延迟脚本 defer

HTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。

脚本会被延迟到页面加载完毕的时候,执行。也就是当浏览器解析到</html> 标签后才会执行代码。在HTML5规范中,defer属性中适用于外部脚本。

而家了defer  的脚本文件会比DOMContentLoaded事件触发前执行。

 二、异步脚本 async

HTML5为<script>添加了个async属性。这个属性与defer属性类似。都是只对外部脚本有用。并告诉浏览器立即下载文件。但与defer不同的是,async并不能保证按照他们指定的

先后顺序执行。因此要确保两者之间互不依赖。指定async的目的是不让页面等待两个脚本下载执行。异步脚本一定会在页面的load事件之前执行。

以上这篇浅谈原生JS中的延迟脚本和异步脚本就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

Photoshop简单制作漂亮的鲜花文字

Photoshop简单制作漂亮的鲜花文字

文字,漂亮,简单,电脑软件,Photoshop, 这是一篇学习photoshop 的入门文章,PS字体设计实例教程,如何制作鲜花文字,来看看吧!步骤: 打开PS软件,点击文件新建,在弹出的对话框中设置名称:BaiDu。宽度和高度分别为600像素和300像素。 点击文字…

JQuery判断正整数整理小结

JQuery判断正整数整理小结

正整数,电脑软件,JQuery,var totalPage = document.getElementById("totalPage").value.trim();//获取总页 var reg=/^[1-9]\d*$/; //由 1-9开头 的正则表达式 //先判断是否为整数 在判断 是否在 1-总页 整数范围之内 if(reg.test(searc…

Word怎么在方框里打勾Word在方框里

Word怎么在方框里打勾Word在方框里

方法,调整,步骤,方框,宽度,  在word编辑文档的时候,我们需要一些特殊符号输入,如框框中打勾这个是比较经常用到的。这种符号怎么在Word中输入,其实有很多种快速实现的方法。下面小编就为大家来介绍一下:Word在方框里打勾的方法Word在方框里打…

Javascript ES6中数据类型Symbol的

Javascript ES6中数据类型Symbol的

数据类型,详解,电脑软件,Javascript,Symbol,介绍Symbol 是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用,表示独一无二的值。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。它是JavaScript语言的第七种数据…

微信小程序 实现动态显示和隐藏某

微信小程序 实现动态显示和隐藏某

控件,动态显示,程序,电脑软件,微信小,微信小程序 实现动态显示和隐藏某个控件在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jQuery mobile或者将…

浅谈node中的exports与module.expo

浅谈node中的exports与module.expo

浅谈,关系,电脑软件,exports,node,因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理先来个js基础部分的复习let obj1 =…

JavaScript编写九九乘法表(两种任选

JavaScript编写九九乘法表(两种任选

九九乘法表,两种,电脑软件,JavaScript,话不多说,请看代码:<script language=javascript>for(i=1;i<=9;i++){for(j=1;j<=9;j++){document.write (i+"*"+j+"="+i*j+" ");if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果…

详解node.js搭建代理服务器请求数

详解node.js搭建代理服务器请求数

请求数据,代理服务器,详解,电脑软件,js,1、引入node.js中的模块 var http = require("http"); var url = require("url"); var qs = require("querystring");2、创建服务器//用node中的http创建服务器 并传入两个形参http.createServ…

Word2013文档多页显示开启和取消的

Word2013文档多页显示开启和取消的

取消,文档,显示,方法,多页,  Word文档中,在编辑文档的时候,用户可以根据自己的实际需要进行文档的多页显示以及取消多页显示。以下是小编为您带来的关于Word2013文档多页显示开启和取消,希望对您有所帮助。Word2013文档多页显示开启和取消1…

PS斜线底纹如何制作 ps快速制作斜

PS斜线底纹如何制作 ps快速制作斜

教程,底纹,快速,电脑软件,PS,为了大家更直观的看到这个小技巧所以做好的图片用的是有背景的图片效果图:主要过程:教程结束,以上就是PS斜线底纹如何制作 ps快速制作斜线底纹教程的全部内容,你学会了吗?相关教程推荐:PS怎么制作斜线背景? ps制作斜…

jquery实现左右轮播图效果

jquery实现左右轮播图效果

轮播图,效果,电脑软件,jquery,我们经常看到购物网站上首页有轮播图,比如某东某京 如图我们打开网页就看到京东的轮播图接下来,这个小案例就是要介绍如何实现这种效果,即这张轮播图上所有的事件. 首先 我们看到轮播图上的有1.左右的小按钮(图片…

wps表格怎么设置整体缩小

wps表格怎么设置整体缩小

放大缩小,设置,方法,缩小,表格,  放大和缩小excel表主要是方便我们预览,其实放大和缩小excel表有好几种方法,那下面小编告诉wps表格怎么放大缩小工作表吧,希望看完本教程的朋友都能学会wps表格并运用起来。wps表格放大缩小工作表的方法首先…