前端异步加载js且判断js是不是加载完成

矫情吗；* 2022-08-23 03:48 239阅读 0赞

1.  /\*\* 
2.       \* 异步加载依赖的javascript文件 
3.       \* src：script的路径 
4.       \* callback：当外部的javascript文件被load的时候，执行的回调 
5.       \*/  
6.      **function** loadAsyncScript(src, callback) \{  
7.          **var** head = document.getElementsByTagName("head")\[0\];  
8.          **var** script = document.createElement("script");  
9.          script.setAttribute("type", "text/javascript");  
10.         script.setAttribute("src", src);  
11.         script.setAttribute("async", **true**);  
12.         script.setAttribute("defer", **true**);  
13.         head.appendChild(script);  
14.           
15.         //fuck ie! duck type  
16.         **if** (document.all) \{  
17.             script.onreadystatechange = **function**() \{  
18.                 **var** state = **this**.readyState;  
19.                 **if** (state === 'loaded' || state === 'complete') \{  
20.                     callback();  
21.                 \}  
22.             \}  
23.         \} **else** \{  
24.             //firefox, chrome  
25.             script.onload = **function**() \{  
26.                 callback();  
27.             \}  
28.         \}  
29.     \}

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关判断图片加载完成的JS操作

var a = { init:function(){ this.initDom(); this.handleImg

朴灿烈づ我的快乐病毒、/ 2022年09月26日 04:59/ 0 赞/ 223 阅读

相关前端异步加载js且判断js是不是加载完成

1. /\\ 2. \ 异步加载依赖的javascript文件 3. \ src：script的路径 4. \ callback：当

矫情吗；*/ 2022年08月23日 03:48/ 0 赞/ 240 阅读

相关异步加载js方案

一直以来想整理一篇文章，关于异步加载js的方案，但因为平时比较忙，关键还是懒吧。。。一直拖到现在有错误或者不当的地方欢迎大家指正哈我们知道默认js加载时同步的，这意味着

素颜马尾好姑娘i/ 2022年07月16日 06:26/ 0 赞/ 266 阅读

相关 JS异步加载

js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载，用到再加载，

Myth丶恋晨/ 2022年06月17日 07:49/ 0 赞/ 411 阅读

相关 JS异步加载和延迟加载

1、异步加载的方案：动态插入script标签 1）通过ajax去获取js代码，然后通过eval执行 2）script标签上添加defer或者async属性

绝地灬酷狼/ 2022年06月08日 06:17/ 0 赞/ 673 阅读

相关判断js加载完成

判断js加载完成，（实现函数loadScript(url,callback)异步加载脚本，完成后执行回调函数，要求支持IE）在“按需加载”的要求中，经常要判断当脚本加载完成

清疚/ 2022年06月02日 04:08/ 0 赞/ 337 阅读

相关 JavaScript 异步加载JS

文章目录 script 标签属性 XMLHttpRequest 脚本注入动态创建 script 元素 LazyLo

╰半夏微凉°/ 2022年05月28日 00:15/ 0 赞/ 332 阅读

相关 js判断页面是首次加载还是刷新

1：利用window.name属性在页面刷新时不会重置判断（在改属性空置的情况下可使用） if(window.name == ""){ console

刺骨的言语ヽ痛彻心扉/ 2022年01月26日 05:21/ 0 赞/ 471 阅读

相关前端性能优化之异步加载js

一个网页的有很多地方可以进行性能优化，比较常见的一种方式就是异步加载js脚本文件。在谈异步加载之前，先来看看浏览器加载js文件的原理。 > 浏览器加载 JavaScript

缺乏、安全感/ 2021年09月30日 10:38/ 0 赞/ 595 阅读

相关 js判断页面是首次被加载还是刷新

转载自：https://blog.csdn.net/shangxinwei/article/details/90411907 1 利用window.name属性在页面刷新时

悠悠/ 2021年09月19日 15:48/ 0 赞/ 407 阅读