博客
关于我
动态加载js的异步与同步方法
阅读量:287 次
发布时间:2019-03-01

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

同步加载(会阻塞后续代码执行)

loadAsyncScript(src, callback = function () {}) { // 同步加载js        const head = document.getElementsByTagName('head')[0];        const script = document.createElement('script');        script.setAttribute('type', 'text/javascript');        script.setAttribute('src', src);        script.setAttribute('async', true);        script.setAttribute('defer', true);        head.appendChild(script);        if (script.readyState) { // ie            script.onreadystatechange = function () {                var state = this.readyState;                if (state === 'loaded' || state === 'complete') {                    callback();                }            }        } else {            script.onload = function () {                callback();            }        }    },

异步加载JS 

loadJS(src) { // 异步加载js        const s = document.createElement('script');        s.setAttribute('src', src);        s.setAttribute('charset', 'utf-8');        document.body.appendChild(s);    },

使用例子

loadAsyncScript("__SYS_GLOBAL_URL__static/app/js/tvp.player_v2_zepto.js", function () {            loadAsyncScript("__SYS_GLOBAL_URL__static/app/js/video.js", function () {                _player = new MyPlayer(pageGlobal)            });        });

 

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

你可能感兴趣的文章
multiprocessing.Manager 嵌套共享对象不适用于队列
查看>>
multiprocessing.pool.map 和带有两个参数的函数
查看>>
MYSQL CONCAT函数
查看>>
multiprocessing.Pool:map_async 和 imap 有什么区别?
查看>>
MySQL Connector/Net 句柄泄露
查看>>
multiprocessor(中)
查看>>
mysql CPU使用率过高的一次处理经历
查看>>
Multisim中555定时器使用技巧
查看>>
MySQL CRUD 数据表基础操作实战
查看>>
multisim变压器反馈式_穿过隔离栅供电:认识隔离式直流/ 直流偏置电源
查看>>
mysql csv import meets charset
查看>>
multivariate_normal TypeError: ufunc ‘add‘ output (typecode ‘O‘) could not be coerced to provided……
查看>>
MySQL DBA 数据库优化策略
查看>>
multi_index_container
查看>>
mutiplemap 总结
查看>>
MySQL Error Handling in Stored Procedures---转载
查看>>
MVC 区域功能
查看>>
MySQL FEDERATED 提示
查看>>
mysql generic安装_MySQL 5.6 Generic Binary安装与配置_MySQL
查看>>
Mysql group by
查看>>