הנך נמצא: מדריך בסיסי / שיעור 3 / דף 4
 


המדריך של תאו ל- JavaScript
 


דפים בשיעור זה:
1: מהו ה- DOM?
2: מבוא לתפעול חלונות
3: תפעול חלונות
4: דוגמאות
5: מאפייני החלון
6: מודל אובייקט המסמך
7: תיבת הסטטוס
8: תיקשור בין חלונות
9: עוד אודות ה- DOM
10: מאפייני חלון נוספים
11: עוד אודות הררכיות
12: לכלך את הידיים
13: סיכום שיעור 3
|
|
|
|
|
|
|
|
|
|
|
|
|
|

שיעור 3

דף 4: דוגמאות לפתיחת חלונות באמצעות JavaScript.

נסה להקיש על הלינקים מטה, וראה מה קורה. אל תסגור את החלונות, עד שתסיים להקיש על כל שלושת הלינקים:

הנה חלון, ושמו: javascript_1.

הנה חלון, ושמו: javascript_2.

והנה עוד עמוד HTML שהולך על חלון javascript_1.

השורה הראשונה היא:

<a href="#" onClick="window.open('javascript_window_1.html','javascript_1');"> Here's a window named javascript_1</a>.

כאשר תקיש על הלינק, חלון חדש javascript_1 יפתח, והדף javascript_window_1.html יטען ע"י הדפדפן. מכיוון שפרמטר feature הינו אופציונאלי, אפשר להשאיר אותו ריק. הדפדפן יפתח חלון חדש עם פרמטרים כברירת מחדל, בדיוק כפי שעשינו קודם באמצעות href.

שים לב, שאת הקריאה לפתיחת החלון שמתי ב- onClick. אתה אינך חייב לשים את ()window.open בתוך onClick, פשוט בדוגמא זו זה היה מאוד נח. בקרוב תוכל לראות דוגמאות ל- ()window.open בתוך תגיות <script>.

הלינק השני, זהה כמעט לחלוטין לקודם. הוא פשוט פותח חלון עם שם שונה וטוען לתוכו דף HTML אחר:

<a href="#" onClick="window.open('javascript_window_2.html','javascript_2');"> Here's a window named javascript_2</a>

הלינק השלישי טוען דף HTML אחר אל החלון הראשון. הדבר מתאפשר, היות ושם החלון שבו נשים את העמוד, זהה לשם החלון הראשון: javascript_1.

<a href="#" onClick="window.open('javascript_window_3.html','javascript_1');"> Here's another HTML page going into javascript_1</a>.

עכשיו מתחיל הכיף האמיתי. נוכל לשנות את הפרמטר feature על מנת לגרום לחלונות שלנו להראות קצת אחרת.

טוב בסדר, בוא נתחיל לשחק עם מאפייני החלונות, בדף הבא!

חזור לתחילת הדף

לדף הבא «--

 
       
       
   
 
 

עמוד ראשי
מדריך בסיסי
מדריך מתקדם
החלפת תמונות
גניבת קוד
מפת האתר