引用外部 js 文件有兩種主要方法：使用 標(biāo)簽，將帶有 src 屬性指向外部文件路徑的 標(biāo)簽放置在 html 文檔中。使用 xmlhttprequest (xhr)，創(chuàng)建 xhr 對象動態(tài)加載外部 js 文件，具體步驟如下：創(chuàng)建一個 xhr 對象打開一個 get 請求設(shè)置 onload 回調(diào)函數(shù)在文件加載后執(zhí)行發(fā)送請求
如何在 JavaScript 中引用外部 JS 文件
在 JavaScript 中引用外部 JS 文件有兩種主要方法：
方法 1：使用 <script> 標(biāo)簽</script>
<script src="path/to/external_file.js"></script>
登錄后復(fù)制
將此 <script> 標(biāo)簽放置在 HTML 文檔中，瀏覽器在加載網(wǎng)頁時會自動執(zhí)行外部 JS 文件。請確保 src 屬性指向外部文件的正確路徑。</script>
方法 2：使用 XMLHttpRequest (XHR)
此方法涉及使用 XMLHttpRequest 對象動態(tài)加載外部 JS 文件。它比 <script> 標(biāo)簽更靈活，但實現(xiàn)起來也更復(fù)雜。</script>
// 創(chuàng)建一個 XHR 對象
var xhr = new XMLHttpRequest();
// 打開一個 GET 請求
xhr.open('GET', 'path/to/external_file.js', true);
// 設(shè)置 onload 回調(diào)函數(shù)，它將在文件加載后執(zhí)行
xhr.onload = function() {
// 將加載的腳本作為文本添加到文檔中
document.body.appendChild(document.createElement('script')).innerHTML = xhr.responseText;
};
// 發(fā)送請求
xhr.send();
登錄后復(fù)制
附加說明：
確保外部 JS 文件擴(kuò)展名為 .js。
將外部 JS 文件放置在服務(wù)器的適當(dāng)位置，以便可以訪問它們。
可以在 HTML 文檔中引用多個外部 JS 文件。
