atau
, ia boleh menjadi sangat berguna dalam situasi tertentu.
- Menggunakan pemilih
Dalam CSS, pemilih Contohnya, jika kita mahu warna latar belakang elemen yang diklik bertukar merah, kita boleh melakukannya dengan cara berikut:
<code><style>
this:active {
background-color: red;
}
</style></code>
Dengan cara ini, apabila pengguna mengklik pada elemen,
- Gunakan untuk merujuk kepada elemen semasa
Dalam JavaScript, skrip. Sebagai contoh, pertimbangkan kod HTML berikut:
<code><button onclick="alert(this.innerText)">Click me</button></code>
Dalam contoh ini, apabila pengguna mengklik pada butang "Klik saya", kotak amaran muncul menunjukkan kandungan teks butang tersebut. Ini kerana kami menggunakan kata kunci untuk merujuk elemen butang semasa, supaya kandungan teks butang boleh diperoleh dan dipaparkan apabila skrip dilaksanakan.
- Gunakan untuk merujuk kepada elemen induk
Selain merujuk kepada elemen semasa, unsur induk. Sebagai contoh, pertimbangkan kod HTML berikut:
<code><div onclick="alert(this.parentNode.tagName)">Click me</div></code>
Dalam contoh ini, apabila pengguna mengklik pada elemen
, kotak amaran muncul menunjukkan teg
nama unsur induk. Ini kerana kami menggunakan kata kunci
untuk merujuk elemen semasa, kemudian mendapatkan elemen induknya melalui atribut parentNode, dan akhirnya mendapatkan dan memaparkan nama tegnya.
- Gunakan untuk pengesahan borang
Dalam HTML, boleh digunakan untuk pengesahan borang dan kawalan penyerahan borang berdasarkan hasil pengesahan . Sebagai contoh, pertimbangkan kod HTML berikut:
<code><form onsubmit="return validateForm(this);">
<input type="text" name="name"/>
<input type="submit" value="Submit"/>
</form></code>
Dalam contoh ini, kami menggunakan kata kunci untuk merujuk elemen borang semasa dan menghantarnya sebagai parameter kepada fungsi validateForm(). Fungsi ini akan mengesahkan medan "nama" borang dan memutuskan sama ada borang boleh diserahkan berdasarkan hasil pengesahan. Jika pengesahan gagal, kembalikan palsu untuk mengelakkan penyerahan borang jika tidak, kembalikan benar untuk membenarkan penyerahan borang.
Kesimpulan
Walaupun elemen agak jarang digunakan dalam HTML, ia memainkan peranan yang sangat penting dalam CSS dan JavaScript. Dengan memahami penggunaan , kami boleh memahami sintaks asas HTML, CSS dan JavaScript dengan lebih baik, untuk mereka bentuk dan membangunkan halaman web dengan lebih cekap.
Atas ialah kandungan terperinci html penggunaan ini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan:Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn