Panduan ini akan menggambarkan pendekatan untuk meletakkan JavaScript dalam fail HTML.
Di mana untuk Meletakkan JavaScript dalam fail HTML?
Peletakan JavaScript dalam fail HTML boleh dalam:
Pendekatan 1: Peletakan JavaScript Dalam Tag dalam fail HTML
Dalam pendekatan ini, penempatan bahagian JavaScript kod dalam '
Contoh
Mari kita lihat gambaran keseluruhan demonstrasi yang diberikan di bawah:
< kepala >
< jenis skrip = 'teks/javascript' >
peletakan fungsiJs ( ) {
amaran ( 'Penempatan JavaScript adalah dalam teg ' )
}
skrip >
kepala >
< badan >
< pusat >< butang onclick = 'placementJs()' > Klik Saya butang > pusat >
badan >
Dalam coretan kod di atas:
- Sertakan bahagian JavaScript kod dalam '
tag ' dengan bantuan ' ” tag. - Dalam kod JS, tentukan fungsi bernama “ penempatanJs() ”. Dalam definisinya, paparkan mesej yang dinyatakan melalui kotak dialog amaran.
- Akhir sekali, dalam kod HTML, buat butang yang mempunyai ' onclick ” acara yang akan mengubah hala ke fungsi yang ditentukan dalam langkah sebelumnya apabila butang klik.
Pengeluaran
Dalam output di atas, dapat dilihat bahawa kod JS berfungsi dengan baik dengan meletakkannya dalam '
Pendekatan 2: Peletakan JavaScript Dalam Tag dalam fail HTML
Dalam pendekatan ini, penempatan kod JavaScript dalam '
Contoh
Contoh yang diberikan di bawah menggambarkan konsep yang dinyatakan:
< badan >< pusat >< butang onclick = 'placementJs()' > Klik Saya butang > pusat >
< jenis skrip = 'teks/javascript' >
peletakan fungsiJs ( ) {
amaran ( 'Penempatan JavaScript adalah dalam teg ' )
}
skrip >
badan >
Dalam baris kod di atas:
- Di antara '
teg ”, begitu juga, buat butang yang menggunakan penempatan fungsiJs() dengan bantuan “ onclick ” acara. - Dalam blok kod JavaScript, isytiharkan fungsi bernama “ penempatanJs() ”.
- Fungsi ini akan digunakan apabila klik butang dan memaparkan mesej yang dinyatakan melalui amaran.
Pengeluaran
Pendekatan 3: Peletakan JavaScript sebagai fail Luaran
Pendekatan khusus ini melibatkan penempatan blok kod JavaScript sebagai fail JS luaran yang mempunyai nama fail tertentu dengan sambungan ' .js ' di dalam ' src ” atribut.
Contoh
Mari kita lihat contoh berikut:
< badan >< pusat >< butang onclick = 'placementJs()' > Klik Saya butang > pusat >
badan >
< jenis skrip = 'teks/javascript' src = fail luaran. js > skrip >
Dalam kod HTML di atas:
- Ingat pendekatan yang dibincangkan untuk membuat butang mengubah hala ke fungsi JavaScript ' penempatanJs() ”.
- Selepas itu, integrasikan fungsi JavaScript dengan bantuan fail JS luaran yang dipautkan dengan nama fail yang dinyatakan dalam ' src ” atribut.
Mari beralih kepada kod JS yang diberikan di bawah:
peletakan fungsiJs ( ) {amaran ( 'Ini ialah fail JavaScript luaran' )
}
Dalam blok kod di atas:
- Tentukan fungsi bernama “ penempatanJS() ”.
- Dalam definisinya, paparkan mesej yang dinyatakan melalui amaran apabila butang klik.
- Pendekatan ini akan menghasilkan hasil yang sama dengan membenamkan kedua-dua fail HTML dan JavaScript.
Pengeluaran
Kami telah menawarkan maklumat sahih yang berkaitan dengan meletakkan JavaScript dalam fail HTML.
Kesimpulan
Peletakan JavaScript dalam fail HTML boleh dalam '