在 html 中,通過在 <script> 標簽中指定 src 屬性,可以嵌入外部 javascript 代碼。創建外部 javascript 文件并編寫代碼。在 html 文檔的 <head> 或 <body> 部分使用 <script> 標簽鏈接到外部 javascript 文件。在外部 javascript 文件中編寫代碼,例如定義函數或對象。通過調用外部 javascript 文件中的函數或方法,在 html 文檔中使用外部 javascr</script>
HTML 外部 JavaScript 代碼的編寫
如何編寫 HTML 外部 JavaScript 代碼?
在 HTML 中嵌入外部 JavaScript 代碼,需要使用 <script></script>
標簽。<script></script>
標簽具有 src
屬性,指向外部 JavaScript 文件的位置。
<code class="html"><script src="external.js"></script></code>
登錄后復制
編寫步驟
1. 創建一個外部 JavaScript 文件
使用文本編輯器或代碼編輯器創建一個新的 JavaScript 文件,例如 “external.js”。將 JavaScript 代碼寫入該文件。
2. 鏈接外部 JavaScript 文件
在 HTML 文檔的 或
部分中,使用
<script></script>
標簽鏈接到外部 JavaScript 文件。
<code class="html"> <script src="external.js"></script></code>
登錄后復制
3. 編寫 JavaScript 代碼
在外部 JavaScript 文件中,編寫你的 JavaScript 代碼。你可以定義函數、對象、變量和其他代碼塊。
例如:
<code class="javascript">// external.js function greet() { alert("Hello world!"); }</code>
登錄后復制
4. 調用外部 JavaScript 代碼
一旦外部 JavaScript 文件鏈接,你可以在 HTML 文檔中通過調用該文件中的函數或方法來使用它。
<code class="html"><button onclick="greet()">Click Me</button></code>
登錄后復制
注意:
確保外部 JavaScript 文件的路徑正確。
<script></script>
標簽應放置在文檔的 或
部分。
如果你不希望阻塞頁面的加載,可以使用 async
或 defer
屬性。