在 try-catch 塊內的 HTML 文件中導入 JavaScript 文件

Question

我有一個 HTML 頁面，我想在其中導入一個 JS 文件，如下所示：

<script src="file.js" type="text/javascript" charset="utf-8"></script>

但是如果這個文件無法運行它的腳本，整個頁面顯然會卡住。

我可以在 try-catch 塊中導入該文件嗎？

Answer 1

您可以偵聽錯誤（請參閱此）

// make a script
var s = document.createElement('script');
// set it up
s.setAttribute('src',"file.js");
s.setAttribute('type',"text/javascript");
s.setAttribute('charset',"utf-8");
s.addEventListener('error', errorfunction, false);
// add to DOM
document.head.appendChild(s);

然后在errorfunction ，找出發生了什么並嘗試像在catch一樣修復它

Answer 2

您可以使用AJAX 。 這假設您有jQuery ，但您可以輕松避免使用它（在這里您可以找到許多教程之一）。 下面是一個例子：

$.get("http://yoursite.com/file.js", function(data) {
    try {
       eval(data); //Run the JavaScript, which is equivalent to adding it
    }
    catch (err) {
       //handle errors
    }
});

希望以任何方式幫助！

Answer 3

您可以嘗試類似的操作或創建 JS 元素並在此元素內設置 src

document.write("<script src=\"file.js\" type=\"text/javascript\" charset=\"utf-8\"></script>");