Loading... 有时会遇到一些需要动态引入 `js` 的情况,且加载完毕后,需要使用 `js` 中的方法或变量,但因为加载需要时间,需要等加载 `js` 脚本加载完毕后才能使用,故找到以下方法,可以动态加载 `js` 脚本,并监听加载完毕事件。 ```javascript function loadScript(src, callback) { var script = document.createElement('script'), head = document.getElementsByTagName('head')[0]; script.type = 'text/javascript'; script.charset = 'UTF-8'; script.src = src; if (script.addEventListener) { script.addEventListener('load', function () { callback(); }, false); } else if (script.attachEvent) { script.attachEvent('onreadystatechange', function () { var target = window.event.srcElement; if (target.readyState == 'loaded') { callback(); } }); } head.appendChild(script); } loadScript('https://xxx.example.com/jquery.js', function () { }); ``` 最后修改:2022 年 05 月 02 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果觉得我的文章对你有用,请我喝杯咖啡吧。