מדריך 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

תגיות: , , , , , , ,

תגובות בפייסבוק