Contoh JavaScript untuk ... di loop:
<html> <head> <title> contoh javascript menggunakan a untuk ... di loop </iteme> </head> <body> <script type = "text/javascript"> // Buat objek myObject dan tiga properti Sitename, SiteUrl, Sitecontent. var myObject = new Object();myObject.sitename = "Blabula";myObject.siteurl = "blabla.cn";myObject.sitecontent = "Chinese site of web tutorial code gallery";//Tranquility through all properties of the object for (prop in myObject){document.write("prop'" + prop + "' is " + myObject [prop]); document.write ("<br>");} </script> </body> </html>Hari ini, Java Tang Blog Online menemukan metode untuk mengulangi semua nama atribut dan nilai objek JavaScript. Ini sangat intuitif dan nyaman saat menggunakan metode ini. Kodenya adalah sebagai berikut:
/** Digunakan untuk melintasi semua nama dan nilai atribut dari objek yang ditentukan* Obj objek yang perlu dilalui* penulis: jet mah*/ function allprpos (obj) {// digunakan untuk menyimpan semua nama atribut dan nilai var props = ""; // Mulai traversal untuk (var p dalam obj) {// metode if (typeof (obj [p]) == "function") {obj [p] (); } else {// p adalah nama atribut, obj [p] adalah nilai dari atribut props yang sesuai + = p + "=" + obj [p] + " /t"; }} // Akhirnya, semua atribut peringatan (alat peraga); }Mekanisme refleksi JavaScript Ajax mengacu pada program yang dapat memperoleh informasinya sendiri saat dijalankan. Misalnya, suatu objek dapat mengetahui metode dan properti apa yang dimilikinya saat runtime. Dalam JavaScript, sintaksnya adalah sebagai berikut:
untuk (var p dalam obj) {// pernyataan}Dalam pemrograman AJAX, sering kali perlu mengubah gaya elemen antarmuka secara dinamis. Ini dapat diubah melalui atribut gaya objek. Misalnya, untuk mengubah warna latar belakang menjadi merah, Anda dapat menulisnya seperti ini:
element.style.backgroundColor = "#ff0000";
Pada dasarnya, properti yang dimiliki dalam CSS dapat digunakan dalam JavaScript:
function setstyle (_style) {// Dapatkan objek antarmuka untuk mengubah gaya var elemen = getElement (); element.style = _style; }Seluruh objek gaya langsung dilewatkan sebagai parameter:
var style = {color: #FFFFFFF, latar belakangcolor:#ff0000, borderwidth: 2px}Anda dapat memanggil fungsi seperti ini:
setStyle (gaya);
Atau tulis secara langsung sebagai:
setStyle ({color:#ffffff, backgroundColor:#ff0000, borderwidth: 2px});
Kode ini tampaknya tidak memiliki masalah, tetapi pada kenyataannya, saat menggunakan parameter _style ke elemen. Style di dalam fungsi setStyle, jika elemen sudah memiliki gaya tertentu, misalnya, itu telah dieksekusi:
element.style.height = "20px";
Namun, definisi tinggi tidak termasuk dalam _style, sehingga gaya tinggi elemen hilang, bukan hasil awal. Untuk mengatasi masalah ini, Anda dapat menggunakan mekanisme refleksi untuk mengganti fungsi setStyle:
function setstyle (_style) {// Dapatkan objek antarmuka untuk mengubah gaya var elemen = getElement (); untuk (var p dalam _style) {element.style [p] = _ style [p]; }}Izin melalui setiap atribut _style dalam program untuk mendapatkan nama atribut, dan kemudian gunakan sintaks braket persegi untuk menetapkan atribut yang sesuai di elemen.Style ke atribut yang sesuai di _style.
Artikel di atas pada halaman traversal JS adalah semua konten yang dibagikan oleh editor. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.