javascript - 如何在 popup.html 中异步加载外部 javascript 文件？

Question

我已经一切正常，但在添加外部 javascript 文件(顺便说一句，长度只有几行)后，它延迟了 popup.html 的加载。

这种延迟很烦人，我认为通过异步加载 JavaScript 文件，就能消除这种延迟。

该文件在popup.html中是这样写的:

<script src="https://domain.com/myexternalscript.js"></script>

我不确定如何异步加载此文件。那么我该怎么做呢？

Answer 1

由于您正在为 Chrome 进行开发，所以我确实理解加载前内联脚本的问题。 我写了这个 AJAX(jQuery) 片段，希望你会发现它有用:

   $.ajax({
            type: "GET", //or post?
            url: "http://FOOBAR.COM",   //change the url obviously..
            datatype: "script", //identify the expected income 
            async: "true", //async is "true" by default, but let's make sure it's #t
            success: function(result) {
                /**now we append the script to the document, nothing too special,
                   just pay attention we inject it INSIDE the item and not as the src**/
                var scr = document.createElement('script');
                scr.innerHTML = result;
                document.body.appendChild(scr)

            },
            error: function(result) { 
            //a simple error handling using the same method we used for the success
                console.log(result) 
                var scr = document.createElement('script');
                scr.innerHTML = "alert('ERROR!')";
                document.body.appendChild(scr)
            }

       });