Dalam HTML, kod JavaScript luaran boleh dibenamkan dengan menyatakan atribut src dalam teg
Buat fail JavaScript luaran dan tulis kod. Gunakan teg dalam bahagian <head> atau <body> Tulis kod dalam fail JavaScript luaran, seperti mentakrifkan fungsi atau objek. Gunakan JavaScr luaran dalam dokumen HTML dengan memanggil fungsi atau kaedah dalam fail JavaScript luaran
Penulisan kod JavaScript luaran HTML
Bagaimana untuk menulis kod JavaScript luaran HTML?
Untuk membenamkan kod JavaScript luaran dalam HTML, anda perlu menggunakan teg <script>
. Teg <script>
mempunyai atribut src
yang menghala ke lokasi fail JavaScript luaran. <script>
标签。<script>
标签具有 src
属性,指向外部 JavaScript 文件的位置。
<code class="html"><script src="external.js"></script></code>
编写步骤
1. 创建一个外部 JavaScript 文件
使用文本编辑器或代码编辑器创建一个新的 JavaScript 文件,例如 "external.js"。将 JavaScript 代码写入该文件。
2. 链接外部 JavaScript 文件
在 HTML 文档的 <head>
或 <body>
部分中,使用 <script>
标签链接到外部 JavaScript 文件。
<code class="html"><head> <script src="external.js"></script> </head></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>
注意:
<script>
标签应放置在文档的 <head>
或 <body>
部分。async
或 defer
rrreee<head>
atau <body>
pada dokumen HTML, gunakan <script> ; Teg
memaut ke fail JavaScript luaran. 🎜rrreee🎜🎜3 Tulis kod JavaScript🎜🎜🎜Dalam fail JavaScript luaran, tulis kod JavaScript anda. Anda boleh menentukan fungsi, objek, pembolehubah dan blok kod lain. 🎜🎜🎜Contoh: 🎜🎜rrreee🎜🎜4. Memanggil kod JavaScript luaran🎜🎜🎜Setelah fail JavaScript luaran dipautkan, anda boleh menggunakannya dalam dokumen HTML anda dengan memanggil fungsi atau kaedah dalam fail tersebut. 🎜rrreee🎜🎜Nota: 🎜🎜<script>
teg hendaklah diletakkan di bahagian <head>
atau <body>
dokumen. 🎜async
atau defer
. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk menulis kod js pautan luaran html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!