مثال JavaScript ... في الحلقة:
<html> <head> <title> مثال JavaScript باستخدام A for ... في حلقة </title> </head> <body> <script type = "text/javaScript"> // قم بإنشاء كائن myobject وثلاث خصائص sitename و siteurl و siteContent. var myobject = new Object () ؛ myobject.siteName = "blabula" ؛ myobject.siteurl = "blabla.cn" ؛ myobject.siteContent = "Site Site of Web Tutorial Code Gallery" ؛ myobject [prop]) ؛ document.write ("<br>") ؛} </script> </body> </html>اليوم ، وجدت مدونة Java Tang Online طريقة للتكرار من خلال جميع أسماء السمات وقيم كائن JavaScript. هذا أمر بديهي للغاية ومريح عند استخدام الطريقة. الرمز كما يلي:
/** المستخدمة لاجتياز جميع أسماء السمات وقيم الكائن المحدد* OBJ الكائن الذي يحتاج إلى اجتياز* المؤلف: jet mah*/ function allPRPOS (OBJ) {// المستخدمة لحفظ جميع أسماء السمات والقيم props = "" ؛ // ابدأ اجتياز (var p في OBJ) {// method if (typeof (obj [p]) == "function") {obj [p] () ؛ } آخر {// p هو اسم السمة ، obj [p] هو قيمة السمة المقابلة Props + = p + "=" + obj [p] + " /t" ؛ }} // أخيرًا ، تنبيه جميع السمات (الدعائم) ؛ }تشير آلية انعكاس JavaScript Ajax إلى أن البرنامج قادر على الحصول على معلوماته الخاصة عند تشغيله. على سبيل المثال ، يمكن للكائن معرفة الطرق والخصائص التي يتمتع بها في وقت التشغيل. في JavaScript ، بناء الجملة كما يلي:
لـ (var p في OBJ) {// state}في برمجة AJAX ، غالبًا ما يكون من الضروري تغيير نمط عناصر الواجهة ديناميكيًا. يمكن تغيير هذا من خلال سمة نمط الكائن. على سبيل المثال ، لتغيير لون الخلفية إلى اللون الأحمر ، يمكنك كتابته مثل هذا:
element.style.backgroundColor = "#ff0000" ؛
في الأساس ، يمكن استخدام الخصائص المملوكة في CSS في JavaScript:
وظيفة setStyle (_style) {// احصل على كائن الواجهة لتغيير element var النمط = getElement () ؛ element.style = _style ؛ }يتم تمرير كائن النمط بأكمله مباشرة كمعلمة:
var style = {color: #ffffff ، backgroundcolor:#ff0000 ، borderwidth: 2px}يمكنك استدعاء الوظيفة مثل هذه:
setStyle (النمط) ؛
أو اكتبها مباشرة على النحو التالي:
setStyle ({color:#ffffff ، backgroundColor:#ff0000 ، borderwidth: 2px}) ؛
يبدو أن هذا الرمز ليس لديه مشكلة ، ولكن في الواقع ، عند استخدام المعلمة _style to element.style داخل وظيفة setStyle ، إذا كان العنصر لديه بالفعل نمط معين ، على سبيل المثال ، تم تنفيذه:
element.style.height = "20px" ؛
ومع ذلك ، لا يتم تضمين تعريف الارتفاع في _style ، لذلك يتم فقدان ارتفاع العنصر ، وليس النتيجة الأولية. لحل هذه المشكلة ، يمكنك استخدام آلية الانعكاس لتجاوز وظيفة setStyle:
وظيفة setStyle (_style) {// احصل على كائن الواجهة لتغيير element var النمط = getElement () ؛ لـ (var p in _style) {element.style [p] = _ style [p] ؛ }}تكرار من خلال كل سمة من سمة _style في البرنامج للحصول على اسم السمة ، ثم استخدم بناء جملة Bracket Square لتعيين السمة المقابلة في element.style إلى السمة المقابلة في _style.
المقالة أعلاه على صفحة JS Traversal هي كل المحتوى الذي شاركه المحرر. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.