skrip HTML
JavaScript menjadikan halaman HTML lebih dinamik dan interaktif.
Sisipkan skrip
Cara memasukkan skrip ke dalam dokumen HTML.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> document.write("Hello World!") </script> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Gunakan teg <noscript>
Cara menangani penyemak imbas yang tidak menyokong skrip atau skrip dilumpuhkan.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> document.write("Hello World!") </script> <noscript>抱歉,你的浏览器不支持 JavaScript!</noscript> <p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容(文本)来替代。</p> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
teg HTML <skrip>
<skrip> Elemen
<skrip> sama ada boleh mengandungi pernyataan skrip atau menunjuk ke fail skrip luaran melalui atribut src.
JavaScript paling biasa digunakan untuk manipulasi imej, pengesahan borang dan pengemaskinian kandungan dinamik.
Skrip berikut akan mengeluarkan "Hello World!" ke penyemak imbas:
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> document.write("Hello World!") </script> <noscript>抱歉,你的浏览器不支持 JavaScript!</noscript> <p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容(文本)来替代。</p> </body> </html>
Jalankan Instance»
Klik butang "Jalankan Contoh" untuk melihat contoh dalam talian
Petua: Untuk mengetahui lebih lanjut tentang tutorial Javascript, sila lihat Tutorial JavaScript!
teg HTML<noscript>
<noscript> teg menyediakan kandungan alternatif apabila skrip tidak boleh digunakan, seperti apabila penyemak imbas melumpuhkan skrip, atau apabila penyemak imbas melakukannya tidak menyokong skrip pihak pelanggan . Elemen
<noscript> boleh mengandungi semua elemen yang terdapat dalam elemen badan halaman HTML biasa.
Hanya apabila penyemak imbas tidak menyokong skrip atau skrip dilumpuhkan, kandungan dalam elemen <noscript> akan dipaparkan:
Pengalaman JavaScript (daripada tutorial javascript tapak ini)
Kod Contoh JavaScript
Contoh
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> document.write("Hello World!") </script> <noscript>抱歉,你的浏览器不支持 JavaScript!</noscript> <p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容(文本)来替代。</p> </body> </html>
Contoh Jalankan»
Klik "Run Instance" butang untuk melihat contoh dalam talian
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p> JavaScript 能够直接写入 HTML 输出流中: </p> <script> document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落。</p>"); </script> <p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。 </p> </body> </html>
Jalankan Instance »
Klik Butang "Jalankan Instance" untuk melihat contoh dalam talian
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>我的第一个 JavaScript </h1> <p id="demo"> JavaScript 可以触发事件,就像按钮点击。</p> <script> function myFunction() { document.getElementById("demo").innerHTML="Hello JavaScript!"; } </script>
Run Instance»
Klik butang "Run Instance" untuk melihat instance dalam talian
Teg skrip HTML
tag | Penerangan | ||||||
---|---|---|---|---|---|---|---|
<script>
| Mentakrifkan skrip klien | ||||||
<noscript> | Mentakrifkan teks yang tidak menyokong output penyemak imbas skrip |