Mengenal Html Script Untuk Belajar Membuat Website

Name: Home
Author: IDMETAFORA

31 August, 2022 | Administrator

Pengenalan skrip

Skrip sisi klien adalah program yang dapat menyertai dokumen HTML atau disematkan langsung di dalamnya. Program akan dijalankan di mesin klien saat dokumen dimuat, atau di waktu lain seperti saat tautan diaktifkan. Dukungan HTML untuk skrip tidak bergantung pada bahasa skrip.
Script dapat menawarkan penulis sarana untuk memperluas dokumen HTML dengan cara yang sangat aktif dan interaktif. Sebagai contoh:

Skrip dapat dievaluasi sebagai beban dokumen untuk mengubah isi dokumen secara dinamis.
Skrip dapat menyertai Form untuk memproses input saat dimasukkan. Desainer dapat secara dinamis mengisi bagian formulir berdasarkan nilai bidang lain. Mereka juga dapat memastikan bahwa data input sesuai dengan rentang nilai yang telah ditentukan sebelumnya, bidang yang saling konsisten, dll.
Skrip dapat dipicu oleh peristiwa yang memengaruhi dokumen, seperti pemuatan, pembongkaran, fokus elemen, gerakan mouse, dll.
Skrip dapat ditautkan ke kontrol formulir (misalnya, tombol) untuk menghasilkan elemen antarmuka pengguna grafis.

Ada dua jenis skrip yang dapat dilampirkan penulis ke dokumen HTML:

Mereka yang dieksekusi satu kali ketika dokumen dimuat oleh agen pengguna. Skrip yang muncul di dalam sebuah SCRIPT elemen dieksekusi ketika dokumen dimuat. Untuk agen pengguna yang tidak dapat atau tidak akan menangani skrip, penulis dapat menyertakan konten alternatif melalui NOSKRIPT elemen.
Mereka yang dieksekusi setiap kali peristiwa tertentu terjadi. Skrip ini dapat ditetapkan ke sejumlah elemen melalui atribut peristiwa intrinsik .

Menentukan bahasa scripting

Karena HTML tidak bergantung pada bahasa skrip tertentu, penulis dokumen harus secara eksplisit memberi tahu agen pengguna bahasa setiap skrip. Ini dapat dilakukan baik melalui deklarasi default atau deklarasi lokal.
Bahasa skrip default
Penulis dapat menentukan bahasa skrip default untuk semua skrip di dalam dokumen dengan menyertakan yang berikut: META deklarasi di HEAD:
<META http-equiv="Content-Script-Type" content="type">
di mana "type" adalah tipe konten yang menamai bahasa skrip. Contoh nilai termasuk "teks/tcl", "teks/javascript", "teks/vbscript".
Dengan tidak adanya META deklarasi, default dapat diatur oleh header HTTP "Content-Script-Type".
                        Content-Script-Type: type
di mana "type" sekali lagi merupakan tipe konten yang menamai bahasa skrip.
Agen pengguna harus menentukan bahasa skrip default untuk dokumen sesuai dengan langkah-langkah berikut (prioritas tertinggi hingga terendah):
1.         Jika ada META deklarasi menentukan "Content-Script-Type", yang terakhir dalam aliran karakter menentukan bahasa skrip default.
2.         Jika tidak, jika ada header HTTP yang menentukan "Content-Script-Type", yang terakhir dalam aliran karakter menentukan bahasa skrip default.
Dokumen yang tidak menentukan informasi bahasa skrip default dan berisi elemen yang menentukan skrip peristiwa intrinsik yang tidak benar. pengguna mungkin dapat/masih mencoba menafsirkan skrip yang ditentukan secara tidak benar tetapi tidak diharuskan. Alat authoring harus menghasilkan informasi bahasa scripting default untuk membantu penulis menghindari pembuatan dokumen yang salah.
Deklarasi lokal dari bahasa scripting
Itu Tipe atribut harus ditentukan untuk masing-masing SCRIPTcontoh elemen dalam dokumen. Nilai dariTipe atribut untuk SCRIPT elemen menimpa bahasa skrip default untuk elemen itu.
Dalam contoh ini, kami mendeklarasikan bahasa skrip default menjadi "text/tcl". Kami termasuk satuSCRIPTdi header, yang skripnya terletak di file eksternal dan dalam bahasa skrip "teks/vbscript". Kami juga menyertakan satu SCRIPT di badan, yang berisi skrip sendiri yang ditulis dalam "teks/javascript".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Dokumen dengan SCRIPT</TITLE>
<META http-equiv="Content-Script-Type" content="text/tcl">
<SCRIPT type="text/vbscript" src="http://someplace.com/progs/vbcalc ">
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT type="text/javascript"> ...beberapa JavaScript...
</SCRIPT>
</BODY>
</HTML>

Referensi ke elemen HTML dari skrip
Setiap bahasa skrip memiliki konvensinya sendiri untuk merujuk ke objek HTML dari dalam skrip. Spesifikasi ini tidak mendefinisikan mekanisme standar untuk merujuk ke objek HTML.
Namun, skrip harus merujuk ke elemen sesuai dengan nama yang ditetapkan. Mesin skrip harus mematuhi aturan prioritas berikut saat mengidentifikasi elemen: anama atribut lebih diutamakan daripada Indojika keduanya ditetapkan. Jika tidak, satu atau yang lain dapat digunakan.
3. events
Definisi Attribute
onload =
onload event terjadi ketika agen pengguna selesai memuat jendela atau selesai semua bingkai dalam sebuah FRAMESET. Atribut ini dapat digunakan dengan BODY dan FRAMESET elemen.
onunload =
onunload event terjadi ketika agen pengguna menghapus dokumen dari jendela atau bingkai. Atribut ini dapat digunakan dengan BODY dan FRAMESET elemen.
onclick =
onclick event terjadi ketika tombol perangkat penunjuk diklik di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
ondblclick =
ondblclick event terjadi ketika tombol perangkat penunjuk diklik dua kali di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onmousedown =
onmousedown event terjadi ketika tombol perangkat penunjuk ditekan di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen..
onmouseup =
onmouseup event terjadi ketika tombol perangkat penunjuk dilepaskan di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onmouseover =
onmouseover event terjadi ketika perangkat penunjuk dipindahkan ke elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onmousemove =
onmousemove event terjadi ketika perangkat penunjuk dipindahkan saat berada di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onmouseout =
onmouseout event terjadi ketika perangkat penunjuk dipindahkan dari suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onfocus =
onfocus event terjadi ketika elemen menerima fokus baik oleh perangkat penunjuk atau dengan navigasi tab. Atribut ini dapat digunakan dengan elemen berikut: A, AREA, LABEL, INPUT, SELECT, TEXTAREA, dan BUTTON.
onblur =
onblur event terjadi ketika elemen kehilangan fokus baik oleh perangkat penunjuk atau oleh navigasi tab. Ini dapat digunakan dengan elemen yang sama sepertisedang fokus.
onkeypress =
onkeypress event terjadi ketika tombol ditekan dan dilepaskan di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onkeydown =
onkeydown event terjadi ketika sebuah tombol ditekan ke bawah pada sebuah elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onkeyup =
onkeyup event terjadi ketika kunci dilepaskan di atas suatu elemen. Atribut ini dapat digunakan dengan sebagian besar elemen.
onsubmit =
onsubmit event terjadi ketika formulir dikirimkan. Ini hanya berlaku untuk FORM elemen.
onreset =
onreset event terjadi ketika formulir diatur ulang. Ini hanya berlaku untuk FORM elemen.
onselect =
onselect event terjadi ketika pengguna memilih beberapa teks dalam bidang teks. Atribut ini dapat digunakan dengan INPUT dan TEXTAREA elemen.
onchange =
onchange event terjadi ketika kontrol kehilangan fokus input dan nilainya telah dimodifikasi sejak mendapatkan focus. Atribut ini berlaku untuk elemen berikut: INPUT, SELECT, dan TEXTAREA.