动态加载js文件

export function getScript(url, callback) {
    var head = document.getElementsByTagName('head')[0],
        js = document.createElement('script');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', url);
    head.appendChild(js);
    //执行回调
    var callbackFn = function () {
        if (typeof callback === 'function') {
            callback();
        }
    };
    if (document.all) { //IE
        js.onreadystatechange = function () {
            if (js.readyState == 'loaded' || js.readyState == 'complete') {
                callbackFn();
            }
        }
    } else {
        js.onload = function () {
            callbackFn();
        }
    }
}

在页面调用getScript方法

import {getScript} from "@/utils/authentication";
  getScript(
        "https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js",
        function() {
          
        }
      );

最后

以上就是昏睡书本为你收集整理的动态加载js文件的全部内容，希望文章能够帮你解决动态加载js文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。