שיעור 4
דף 10: דרך נוספת להגיע לאובייקטים קשים לגישה.
הנה מה שלמדנו עד כה על קבלה של אובייקט תמונה:
function simpleSwap()
{
var the_image = prompt("change parrot or cheese","");
var the_image_name = "window.document." + the_image;
var the_image_object = eval(the_image_name);
the_image_object.src = "ant.gif";
}
כפי שמסתבר, אפשר לפנות לתמונות עפ"י שמן במערך התמונות האסוציאטיבי, כך למשל- window.document.images["parrot"].src. בדיוק כמו פנייה לתמונות עפ"י מספר האינדקס שלהן במערך הטפסים, כך למשל- window.document.images[0].src. על כן, הקוד למעלה יכול להיכתב שוב כך:
function simpleSwap()
{
var the_image = prompt("change parrot or cheese","");
window.document.images[the_image].src = "ant.gif";
}
אתה יכול להשתמש בטריק זה בכדי לאתר כל מיני סוגי אובייקטים. אם יש לך תיבת טקסט בטופס, כמו זו:
<form name="the_form">
<input type="text" name="the_text_box">
</form>
אתה יכול לשנות את הטקסט בתיבת הטקסט – כך:
window.document.forms["the_form"].elements["the_text_box"].value = "hello!";
כעת אתה יודע על מספר דרכים לגשת ולשנות אינפורמציה באובייקטים. בעזרת שימוש בטופס הדוגמא שלמעלה, אנו יכולים להיכנס לתיבת הטקסט בארבע דרכים שונות:
var the_form_name = "the_form";
var the_element_name = "the_text_box";
1) window.document.forms[0].elements[0].value = "hello!";
2) window.document.forms[the_form_name].elements[the_element_name].value = "hello!";
3) window.document.the_form.the_text_box.value = "hello!";
4) var the_element_string = "window.document." + the_form_name + "." + the_element_name;
var the_element = eval(the_element_string);
the_element_string.value = "hello!";
כל מתודה שבה תשתמש תלויה במצב הרוח שלך, דרגת הנוחות שלך, ואיזו אינפורמציה נתונה לך באותו רגע.
זה הכול לשיעור שלנו היום. הבא נעשה חזרה קטנה.
חזור לתחילת הדף
לדף הבא «--
|
