ตัวอย่าง JavaScript สำหรับ ... ในลูป:
<html> <head> <title> ตัวอย่าง JavaScript โดยใช้ A for ... ใน loop </title> </head> <body> <script type = "text/javascript"> // สร้าง myobject วัตถุและคุณสมบัติสาม sitename, siteurl, sitecontent var myObject = new Object (); myObject.sitename = "blabula"; myObject.siteurl = "blabla.cn"; myobject.sitecontent = "เว็บไซต์ภาษาจีนของเว็บการสอน myObject [prop]); document.write ("<br>");} </script> </body> </html>วันนี้บล็อก Java Tang ออนไลน์พบวิธีการวนซ้ำผ่านชื่อแอตทริบิวต์และค่าทั้งหมดของวัตถุ JavaScript สิ่งนี้ใช้งานง่ายและสะดวกมากเมื่อใช้วิธีการ รหัสมีดังนี้:
/** ใช้ในการสำรวจชื่อแอตทริบิวต์และค่าทั้งหมดของวัตถุที่ระบุ* obj วัตถุที่ต้องผ่านการสำรวจ* ผู้แต่ง: Jet Mah*/ function AllPRPOS (OBJ) {// ใช้เพื่อบันทึกชื่อแอตทริบิวต์และค่าทั้งหมด var props = ""; // เริ่มต้น Traversal สำหรับ (var p ใน obj) {// เมธอดถ้า (typeof (obj [p]) == "function") {obj [p] (); } else {// p คือชื่อแอตทริบิวต์, obj [p] คือค่าของแอตทริบิวต์ที่สอดคล้องกัน + = p + "=" + obj [p] + " /t"; }} // ในที่สุดแอตทริบิวต์การแจ้งเตือนทั้งหมด (อุปกรณ์ประกอบฉาก); -กลไกการสะท้อน JavaScript ของ Ajax หมายถึงโปรแกรมที่สามารถรับข้อมูลของตัวเองได้เมื่อมีการรัน ตัวอย่างเช่นวัตถุสามารถรู้ได้ว่าวิธีการและคุณสมบัติใดที่มีอยู่ในรันไทม์ ใน JavaScript ไวยากรณ์มีดังนี้:
สำหรับ (var p ใน obj) {// คำสั่ง}ในการเขียนโปรแกรม AJAX มักจำเป็นต้องเปลี่ยนรูปแบบขององค์ประกอบอินเตอร์เฟสแบบไดนามิก สิ่งนี้สามารถเปลี่ยนแปลงได้ผ่านแอตทริบิวต์สไตล์ของวัตถุ ตัวอย่างเช่นในการเปลี่ยนสีพื้นหลังเป็นสีแดงคุณสามารถเขียนได้เช่นนี้:
Element.style.backgroundColor = "#ff0000";
โดยทั่วไปคุณสมบัติที่เป็นเจ้าของใน CSS สามารถใช้ใน JavaScript:
ฟังก์ชั่น setStyle (_style) {// รับวัตถุอินเตอร์เฟสเพื่อเปลี่ยน style var element = getElement (); element.style = _style; -วัตถุสไตล์ทั้งหมดถูกส่งผ่านเป็นพารามิเตอร์โดยตรง:
var style = {color: #ffffff, backgroundColor:#ff0000, borderwidth: 2px}คุณสามารถเรียกฟังก์ชั่นเช่นนี้:
setstyle (สไตล์);
หรือเขียนโดยตรงเป็น:
SetStyle ({color:#ffffff, BackgroundColor:#FF0000, BorderWidth: 2px});
รหัสนี้ดูเหมือนจะไม่มีปัญหา แต่ในความเป็นจริงเมื่อใช้พารามิเตอร์ _style กับ element.style ภายในฟังก์ชั่น setstyle หากองค์ประกอบมีสไตล์ที่แน่นอนอยู่แล้วตัวอย่างเช่นมันถูกดำเนินการแล้ว:
element.style.height = "20px";
อย่างไรก็ตามคำจำกัดความของความสูงไม่รวมอยู่ใน _style ดังนั้นรูปแบบความสูงขององค์ประกอบจะหายไปไม่ใช่ผลลัพธ์เริ่มต้น ในการแก้ปัญหานี้คุณสามารถใช้กลไกการสะท้อนกลับเพื่อแทนที่ฟังก์ชั่น setstyle:
ฟังก์ชั่น setStyle (_style) {// รับวัตถุอินเตอร์เฟสเพื่อเปลี่ยน style var element = getElement (); สำหรับ (var p ใน _style) {element.style [p] = _ style [p]; -วนซ้ำผ่านแต่ละแอตทริบิวต์ของ _style ในโปรแกรมเพื่อรับชื่อแอตทริบิวต์จากนั้นใช้ไวยากรณ์ของวงเล็บสี่เหลี่ยมจัตุรัสเพื่อกำหนดแอตทริบิวต์ที่สอดคล้องกันใน Element.style ให้กับแอตทริบิวต์ที่เกี่ยวข้องใน _style
บทความข้างต้นเกี่ยวกับหน้า JS Traversal เป็นเนื้อหาทั้งหมดที่ใช้ร่วมกันโดยตัวแก้ไข ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น