1. JavaScript adalah bahasa skrip yang dirancang untuk interaksi dengan halaman web. Komposisinya
Ecmascript (core) DOM (model objek dokumen) bom (model objek browser)
1.1ECMascript
ECMascript yang ditentukan oleh ECMA-262 tidak memiliki ketergantungan dengan browser web. ECMA-262 hanya mendefinisikan dasar-dasar bahasa ini dan menyediakan fungsi bahasa inti.
ECMascript adalah bahasa skrip yang distandarisasi melalui ECMA-262. ECMA-262 menetapkan bahasa: sintaks, jenis, pernyataan, kata kunci, kata yang dipesan, operator, objek
1.2 DOM (Modle Objek Dokumen)
DOM adalah antarmuka pemrograman aplikasi untuk XML tetapi telah diperluas untuk HTML, menyediakan metode dan antarmuka untuk mengakses dan memanipulasi konten web.
DOM memetakan seluruh halaman menjadi struktur simpul multi-lapisan. Setiap komponen dalam halaman HTML atau XML adalah jenis node tertentu, yang berisi berbagai jenis data.
1.3 BOM (Model Objek Bower)
Kontrol bagian selain halaman yang ditampilkan oleh browser. BOM hanya memproses jendela dan kerangka kerja browser, dan menyediakan metode dan antarmuka untuk berinteraksi dengan browser.
2. <script> elemen
2.1 Referensi File JavaScript
Referensi Eksternal ke File JavaScript:
Salinan kode adalah sebagai berikut:
<script type = "text/javascript" src = "../../ xx.js"> </script>
Halaman Embed Kode JavaScript
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
// Kode JavaScript
</script>
Kode JavaScript yang terkandung dalam elemen <script> akan dijelaskan secara berurutan dari atas ke bawah
2.2 Properti <script> elemen
Defer Delay Script: Beri tahu browser untuk segera diunduh, skrip akan ditunda sampai seluruh halaman telah diuraikan sebelum dieksekusi. DISHER hanya cocok untuk file skrip yang diperkenalkan secara eksternal
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<script type = "text/javaScript" Defer = "Defer" src = "example.js"> </script>
</head>
</html>
Meskipun tag <script> terletak di tag <head>, demo.js akan ditunda sampai browser bertemu </html>.
Async Asynchronous Script: Halaman harus menunggu skrip diunduh dan dieksekusi, untuk memuat konten lain dari halaman secara tidak sinkron
Seperti tunduk, itu hanya berlaku untuk file skrip yang diimpor secara eksternal. Async memberi tahu browser untuk segera mengunduh file, tetapi tidak seperti tunduk, penandaan skrip async tidak menjamin eksekusi dalam urutan di mana mereka ditentukan. Direkomendasikan bahwa skrip asinkron tidak memodifikasi DOM selama pemuatan.
Salinan kode adalah sebagai berikut:
<!-Async Script->
<script type = "text/javaScript" async = "async" src = "example1.js"> </cript>
<script type = "text/javascript" async = "async" src = "example2.js"> </ptript>
2.3 Properti dari elemen <noscript>
Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> tes </iteme>
<!-Tunda skrip->
<scriptType = "Text/JavaScript" Defer = "Defer" src = "example.js"> </script>
<!-Panduan Script->
<script type = "text/javaScript" async = "async" src = "example1.js"> </cript>
<script type = "text/javascript" async = "async" src = "example2.js"> </ptript>
</head>
<body>
<noscript>
<p> Halaman ini menunjukkan bahwa JavaScript Dukungan Browser (Diaktifkan)
</noscript>
</body>
</html>
Browser tidak mendukung skrip
Browser mendukung skrip, tetapi skrip dinonaktifkan, dan browser akan menampilkan konten di <noscript>
Halaman ini akan menampilkan pesan kepada pengguna jika skrip tidak valid, dan di browser yang diaktifkan skrip, pengguna tidak akan pernah melihatnya
Di atas adalah semua tentang artikel ini. Saya harap Anda bisa menyukainya. Seri ini akan terus diperbarui.