javascript 页面加载-javascript文件的同步加载和异步加载有什么区别?

2023-08-26 0 8,067 百度已收录

JS文件同步加载

在必须先加载的js文件的尾部,加上如下相关代码,可以达到同步加载多个js文件的效果:

varoHead=document.getElementsByTagName('body').item(0);

varoScript=document.createElement("脚本");

oScript.type="text/javascript";

oScript.src="../middleService/deptEnter/js/UI_index.js";

javascript 页面加载-javascript文件的同步加载和异步加载有什么区别?

oHead.appendChild(oScript

HTML4.01的script属性

字符集:可选。 指定 src 从中导入代码的字符集,大多数浏览器忽略此值。

defer:布尔值,可选。 延迟脚本执行相当于加载页面body标签顶部的script标签,js脚本会在文档的DOMContentLoaded之前执行。 不支持 IE 和较新版本的 Firefox 以外的浏览器。

语言:已过时。 大多数浏览器都会忽略该值。

javascript 页面加载-javascript文件的同步加载和异步加载有什么区别?

src:可选。 指定导入的外部代码文件javascript 页面加载,不限制后缀名。

类型:必填。 指定脚本的内容类型(MIME 类型)。 实际上,一般不指定这个值也是可以的,浏览器默认会以text/javascript类型解释执行。

HTML5中的script属性

HTML5中,script标签不仅具有HTML5新标准定义的属性,与HTML4.01相比还具有语言属性,将type属性改为可选(默认text/javascript),并添加了新属性async 。

asyncboolean,该属性的作用,定义脚本是否异步执行,值为true或false。

javascript 页面加载-javascript文件的同步加载和异步加载有什么区别?

如果 async 设置为 true,则 defer 属性将被忽略。

设置为异步执行的js文件假设不使用document.write()向正在加载的文档写入内容javascript 页面加载,因此异步执行的js文件加载执行过程中不要使用document.write()

不仅是script标签属性,页面引入js文件的方式也影响其加载执行方式:

任何以appendChild(scriptNode)形式导入的js文件都是异步执行的(scriptNode需要插入到文档中,仅创建节点并设置src不会加载js文件,与img预加载无法比拟)

'; 在html文件中

=================================================== == ===

1、

2、

//同步加载并执行xx.js中的代码

3.

javascript 页面加载-javascript文件的同步加载和异步加载有什么区别?

4.

xx.js中有如下代码:

文档.write('

tryjs.js

console.log('writebegin');

文档.write('

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript 页面加载-javascript文件的同步加载和异步加载有什么区别? https://www.wkzy.net/game/153403.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务