מדריך DHTML – אובייקט Window

אני אתחיל עם כמה דוגמאות ואז אראה טבלה עם כל ההגדרות וטבלה נוספת עם כל השיטות(מטודות)

location

כדי לקבל את המיקום של הדף כלומר את הכתובת המלאה נשתמש ב- location בצורה הבאה:

alert(location);

או אם נרצה לשנות את הכתובת כלומר לעבור דף בעזרת הסקריפט נעשה את זה ככה:

location="https://www.webmaster.org.il"

הערה:
יש צורך בנתיב מלא, הסקריפט משנה את שורת הכתובת לערך של location, זהו לא קישור שאפשר לעשות אותו יחסי!

אגב הפקודה alert מקפיצה הודעת עזרה (משולש צהוב עם סימן קריאה). הפקודה confirmפותחת חלון עם OK ו CANCEL והפקודה prompt פותחת חלון עם שורה של input.

Screen

כדי לקבל מידע על הרזולוציה של המשתמש ועל עומק הצבע נשתמש באובייקט screen בצורה הבאה:
רוחב:

screen.width

אורך:

screen.height

עומק צבע:

screen.colorDepth

Open

כדי לפתוח חלון משתמשים ב-

window.open()

אני לא ארחיב כי הרחיבו על הנושא מספיק באתר.

Print

כדי להדפיס עמוד:

window.print()

Resize

כדי לשנות גודל של עמוד באופן יחסי נשתמש ב window.resizeBy בצורה הבאה:

window.resizeBy(height,width)

אם נשים מינוס לפני אחד הערכים החלון יקטן במספר הפיקסלים הרשום אחרת יגדל.
כדי לשנות גודל של חלון לגודל מוגדר משתמשים ב window.resizeTo(num,num2)
משתמשים בשניהם באותה צורה בדיוק.

הערה חשובה!
במקרה ויש שימוש במסגרות(frames) צריך להשתמש ב- top במקום ב- window!

Scroll

כדי לגלול מסמך באופן יחסי למיקום נשתמש ב window.scrollBy , בצורה הזאת:

window.scrollBy(height,width)

שוב, אם נשים מינוס לפני הערך החלון יגלל למעלה או שמאלה(או שניהם ביחד)
ושוב כדי לגלול מרחק מסויים נשתמש ב- window.scrollTo(num,num2)

setTimeout

פקודה זו בעצם משהה פקודה נתונה לזמן מסויים ורק אז מבצעת את הפקודה למשל נרצה להבהיל את הגולש, ניתן לו להתרכז בטקסט ורק אחרי כמה שניות נקפיץ הודעה, נעשה זאת בצורה הבאה(בין תגיות SCRIPT כמובן):

setTimeout("alert('boo!')", 8000)

ההודעה תקפוץ אחרי 8 שניות (1000=שניה)

הגדרות האובייקט Window:

clientInformation	מחזיר אובייקט דפדפן
closed	מחזיר ערך בולאני אם החלון נסגר או לא
complete	מחזיר ערך בולאני אם הדפדפן סיים להעלות את החלון או לא
dataTransfer	מחזיר מה-קליפבורד פורמטים שאיתם אפשר להעביר DATA(מידע,קבצים)
defaultStatus	קובע או מחזיר את הודעת הברירת מחדל של הסטטוס (הפס האפור למטה)
dialogArguments	קובע או מחזיר טיעונים בדיאלוג שנוצר על ידי showModelDialog() or showModelessDialog()
dialogHeight	משנה או מחזיר את הגובה של דיאלוג
dialogLeft	משנה או מחזיר את הקואורדינטה השמאלית של הדיאלוג
dialogTop	משנה או מחזיר את הקואורדינטה העליונה של הדיאלוג
dialogWidth	משנה או מחזיר את הרוחב של הדיאלוג
document	מחזיר אובייקט של המסמך
event	מחזיר אובייקט של ארוע
external	מחזיר את ההוסט של דף אינטרנט
history	מחזיר דפים שנצפו קודם לכן
length	מחזיר את מספר הפריימים בחלון
location	מחזיר את המיקום של המשתמש
name	משנה או מחזיר את השם של החלון
navigator	מחזיר אובייקט נווט(navigator)
offscreenBuffering	מצביע האם אובייקטים מחוץ למסך לפני שהם מוצגים
opener	קובע או מחזיר את שם החלוןן שפתח את החלון הזה
parent	מחזיר את אובייקט האבא של הפריים הזה
returnValue	משנה או מחזיר ערך מדיאלוג
screen	מחזיר אובייקט שנותן לך מידע על המסך של המשתמש
screenLeft	מחזיר את הקואורדינטה השמאלית ביותר במסך המשתמש
screenTop	מחזיר את הקואורדינטה העליונה ביותר במסך המשתמש
self	אובייקט שמחזיר את החלון שבוא הסקריפט נמצא
status	משנה או מחזיר את הערך שנמצא בסטטוס
top	אובייקט המחזיר את החלון הכי עליון(הפריים הכי עליון)

מטודות

()alert	פותח הודעת עזרה עם כפתור OK
()attachEvent	מחבר פונקציה לארוע, כל פעם שהארוע יקרה הפונקציה תקרא
()blur	להוציא את הפוקוס מהחלון
()clearInterval	מנקה את כל ה setInterval
()clearTimeout	מנקה את כל ה setTimeoutl
()close	סוגר את החלון
()confirm	פותח הודעת שאלה עם כפתור OK וכפתור Cancel
()detachEvent	מנתק פונקציה מארוע
()execScript	מאפשר להריץ סקריפט
()focus	שם את הפוקוס על החלון
()moveBy	משנה את המיקום של החלון על גבי המסך ביחס למיקום העכשיוי שלו
()moveTo	משנה את המיקום של החלון על גבי המסך למקום אבסולוטי על המסך
()navigate	החלון מנווט לכתובת נתונה
()open	פותח חלון חדש
()print	מדפיס את החלון
()prompt	פותח הודעת שאלה עם מקום להכניס נתונים וכפתור OK
()resizeBy	משנה את גודל החלון על פי הגודל הקיים(מוסיף או מוריד פיקסלים)
()resizeTo	משנה את גודל החלון לגודל מוגדר
()scrollBy	גולל את הדף יחסית למקום שהוא נמצא
()scrollTo	גולל את הדף למקום מוגדר
()setInterval	חוזר על פקודה כל כמה זמן
()setTimeout	משהה פקודה מסויימת עד לזמן מוגדר
()showHelp	מראה קובץ עזרה מסויים
()showModalDialog	מראה מודל דיאלוג שמראה מסמך HTML
()showModelessDialog	מראה מודלס דיאלוג שמראה מסמך HTML

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, window, דינמי, חלון