Tanda <script> HTML

Definisi dan penggunaan

<script> tandai untuk menyisipkan skrip klien.

<script> Elemen baik mengandung kalimat skrip maupun melalui Atribut src Menunjuk ke berkas skrip eksternal.

Tipe skrip yang paling sering digunakan adalah JavaScript, meskipun peramban juga mendukung beberapa bahasa skrip lain.

Penggunaan biasa JavaScript adalah pengolahan gambar, pengesahan formulir dan perubahan dinamis konten.

Keterangan：Tipe elemen script yang dimiliki oleh script tergantung penggunaannya. Elemen script yang berada di dalam elemen head adalah elemen metadata, yang berada di dalam elemen lain (seperti body atau sectionyang terdapat didalamnya adalah elemen frasa.

Lihat juga：

Panduan HTML：HTML Skrip

Panduan HTML DOM：Objek Script

Panduan JavaScript：Belajar JavaScript

Contoh

Contoh 1: Definisi skrip yang disematkan di dalam dokumen

Tulis "Hello JavaScript!" menggunakan JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Coba sendiri

Contoh 2: Muat paket skrip eksternal

<script src="simple.js"></script>

Coba sendiri

Petunjuk dan komentar

Petunjuk:Untuk browser yang mematikan skrip atau yang tidak mendukung skrip, lihat pula Elemen <noscript>。

Petunjuk:Jika Anda ingin belajar lebih banyak tentang JavaScript, kunjungi JavaScript 教程。

Atribut

Atribut Nilai Deskripsi
async async Tentukan skrip untuk diunduh paralel saat memproses halaman dan dieksekusi segera saat tersedia (sebelum selesai diurai) (hanya untuk skrip eksternal).
crossorigin
  • anonymous
  • use-credentials
 Atur mode permintaan menjadi permintaan HTTP CORS.
defer defer Tentukan skrip untuk diunduh paralel saat memproses halaman dan dieksekusi setelah halaman selesai diproses (hanya untuk skrip eksternal).
integrity filehash Izinkan browser untuk memeriksa skrip yang diambil untuk memastikan bahwa kode tidak akan disiapkan jika kode sumber disangka disangka.
nomodule
  • True
  • False
 Tentukan skrip seharusnya tidak dieksekusi di dalam browser yang mendukung modul ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Tentukan informasi referensi yang dikirimkan saat mendapatkan skrip.
src URL Tentukan URL file skrip eksternal.
type Jenis skrip Tentukan jenis media skrip.

Perbedaan antara HTML dan XHTML

Di dalam XHTML, konten skrip diumumkan sebagai #PCDATA (bukan CDATA), ini berarti entitas akan diproses.

Ini bermakna di dalam XHTML, semua karakter khusus seharusnya diekstrasi, atau semua konten seharusnya disegel dalam bagian CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
jika (i < 5) {
  // some code
}
//]]>
</script>

全局属性

<script> 标签还支持 HTML 中的全局属性。

默认的 CSS 设置

大多数浏览器将显示具有以下默认值的 <script> 元素：

script {
  display: none;
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持