亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

es6如何異步加載線上的腳本

es6如何異步加載線上的腳本

白豬掌柜的 2018-09-14 10:09:06
最近在用Vue-cli重構一些東西,有一個數據源是服務器直接吐出js,用類似jsonp的方式在window下添加全局變量,然后再在callback里對這些數據做處理這個js不在我們的管控范圍內,就算要求將其接口化,還有很多類似這樣的‘動態腳本’存在不可能一日解決jQuery的getscript可以解決這個問題,但項目并沒有用到jQuery,于是ES6和vue只能用原生添加script抱歉這種古典主義的做法去異步加載js,這怎么想都有問題要如何優雅的用vue-resource和es6解決這問題
查看完整描述

1 回答

?
呼喚遠方

TA貢獻1856條經驗 獲得超11個贊

function loadScript(url, callback) {

    let head = document.getElementsByTagName('head')[0];

    let script = document.createElement('script');

    script.type = 'text/javascript';

    script.src = url;

    script.onload = script.onreadystatechange = function() {

        if ((!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {

            callback && callback();

            // Handle memory leak in IE

            script.onload = script.onreadystatechange = null;

            if (head && script.parentNode) {

                head.removeChild(script);

            }

        }

    };

    head.insertBefore(script, head.firstChild);

};

不知道是不是你想要的


查看完整回答
反對 回復 2018-10-15
  • 1 回答
  • 0 關注
  • 459 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號