Namun kami membutuhkan lingkungan kerja untuk menjalankan skrip kami dan, karena buku ini online, peramban adalah pilihan yang baik. Kami akan menjaga jumlah perintah khusus browser [seperti alert
] seminimal mungkin sehingga Anda tidak membuang waktu di sana jika Anda berencana untuk fokus pada lingkungan lain [seperti Node. js]. Kami akan fokus pada JavaScript di browser di bagian selanjutnya dari tutorial ini
Jadi pertama, mari kita lihat bagaimana kita menyisipkan script ke dalam website. Untuk lingkungan [seperti Node. js], Anda dapat menjalankan skrip dengan perintah seperti "node my.js"
Program JavaScript dapat dimasukkan ke bagian manapun dari dokumen HTML dengan bantuan tag
Contoh
Kode ini ditulis sebelum skrip...
alert[ 'Hello, world!' ];
...Kode ini ditulis setelah skrip.
Anda dapat menjalankan contoh dengan mengeklik tombol "Mainkan" di pojok kanan atas kotak di atas
Tag _ berisi kode JavaScript yang dijalankan secara otomatis saat browser memproses tag
Tag _ memiliki beberapa atribut yang akhir-akhir ini jarang digunakan namun masih dapat ditemukan pada kode lama
_2.
_3Standar HTML lama, HTML4, mengharuskan skrip memiliki
2. Biasanya
_5. Sekarang tidak diperlukan. Selain itu, standar HTML modern, HTML5, mengubah arti total dari atribut ini. Sekarang, ini dapat digunakan untuk modul JavaScript. Tapi itu topik yang berat, kita akan membahas modulnya di bagian lain dari tutorial iniAtribut
_6.
_7Atribut ini untuk menampilkan bahasa script. Atribut ini tidak diperlukan lagi karena JavaScript adalah bahasa default. Tidak perlu menggunakan itu lagi
Beri komentar sebelum dan sesudah skripDi buku dan manual, Anda mungkin menemukan komentar di tag , seperti ini
_Trik ini tidak lagi digunakan dalam JavaScript modern. Komentar ini menyembunyikan kode JavaScript dari browser lama yang tidak tahu cara memproses tag . Karena browser yang dirilis dalam 15 tahun terakhir tidak memiliki masalah ini, komentar seperti ini dapat membantu Anda mengidentifikasi kode yang sudah sangat usang.
Jika kita memiliki banyak kode JavaScript, kita bisa meletakkannya di file yang berbeda
File skrip disisipkan ke dalam HTML dengan atribut
0
_Di sini,
_1 adalah jalur absolut ke file skrip dari root situs. Anda juga dapat memberikan jalur relatif dari halaman ini. Misalnya,
_2 berarti file
3 di folder saat iniAnda dapat menginstal URL lengkap juga. Sebagai contoh
Untuk menempelkan beberapa skrip, gunakan tag berlapis
…
Tolong dicatat
Aturannya, hanya skrip paling sederhana yang ditempatkan di HTML. Skrip yang lebih rumit ditempatkan di file terpisah
Keuntungan dari file terpisah adalah browser akan mengunduhnya dan menyimpannya di cache-nya
Situs lain yang merujuk ke skrip yang sama akan mengambilnya dari cache alih-alih mengunduhnya, jadi sebenarnya file tersebut hanya diunduh satu kali
Itu mengurangi lalu lintas dan membuat situs lebih cepat
Jika
0 disetel, konten skrip akan diabaikan
Satu tag tidak boleh memiliki atribut
0 dan kode di dalamnya samaIni tidak akan berhasil
alert[1]; // konten diabaikan karena 'src' telah di set
Kita harus memilih antara
_7 eksternal atau
eksternalContoh di atas dapat dibagi menjadi dua skrip
alert[1];
- Kita dapat menggunakan tag
_ untuk menambahkan kode JavaScript ke halaman
- Atribut
2 dan
6 adalah opsional - Skrip di file eksternal dapat disisipkan dengan
2
Masih banyak yang harus dipelajari tentang skrip browser dan interaksinya dengan situs web. Namun harap diingat bahwa bagian dari tutorial ini didedikasikan hanya untuk bahasa JavaScript, jadi kami tidak akan membahas implementasi JavaScript khusus browser. Kami akan menggunakan browser hanya sebagai alat untuk menjalankan JavaScript, yang nyaman untuk dibaca secara online