动态加载js文件 电脑版发表于:2020/4/15 10:53 有些时候我们需要动态加载js文件,可以提高浏览的效率,还可以根据某些情况来决定要不要加载,本来就不需要加载的时候为什么还要加载呢,不是浪费效率浪费流量么。 ``` function loadJS(url, callback) { var script = document.createElement('script'), fn = callback || function () { }; script.type = 'text/javascript'; //IE if (script.readyState) { script.onreadystatechange = function () { if (script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; fn(); } }; } else { //其他浏览器 script.onload = function () { fn(); }; } script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } ``` 调用: ``` //动态加载js,提高页面加载速度 loadJS('https://unpkg.com/mermaid@8.3.1/dist/mermaid.min.js', function () { alert('加载成功!'); }); ```