JavaScript 中沒有內建 include 函數,但可透過下列方法實作類似功能:使用外部腳本標籤。利用動態創建的 \ 元素。採用 JavaScript 模組化特性。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/202405/01/2024050106182067871.jpg" alt="js中include的用法" ></p> <p><strong>JavaScript 中 include 用法</strong></p> <p>在 JavaScript 中,沒有標準的 <code>include</code> 函數。但是,有幾種方法可以實現類似的功能:</p> <p><strong>方法1:使用外部腳本標籤</strong></p> <pre><code class="html"><script src="path/to/external-script.js"> 將此標籤新增至HTML 文件中,將載入外部JavaScript 檔案並執行其內容。 方法 2:使用動態建立的 元素 // 创建一个新的 元素 var script = document.createElement('script'); // 设置源属性 script.src = "path/to/external-script.js"; // 添加脚本到文档头 document.head.appendChild(script);</code></pre> <p>這會在執行時間動態建立並載入腳本。 </p> <p><strong>方法 3:使用 JavaScript 模組</strong></p> <p>ES6 中引入了模組,這是封裝和重複使用程式碼的機制。模組可以匯入和匯出彼此的內容。要匯入模組,可以使用以下語法:</p> <pre><code class="js">import {name} from "module-name";</code></pre> <p><strong>範例:</strong></p> <pre><code class="js">// 定义一个模块 export function myFunction() { console.log("Hello world!"); }</code></pre> <pre><code class="js">// 导入模块 import {myFunction} from "./module-name"; // 调用模块中的函数 myFunction(); // 输出 "Hello world!"</code></pre> <p>這些方法允許你在JavaScript 中包含外部腳本和模組,從而實現程式碼重複使用和模組化。 </p>