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