שאני אומר חלון אני מתכוון לחלון דפדפן ולא חלון כמו שיש לכם בבית.בואו נתחיל! 
פתיחת חלון
בשביל לפתוח חלון רגיל בעזרת JS נרשום כך:
קוד PHP:
var newWin = window.open("window location","window name","parameters"); //we open a new window
קודם כל מה רשמנו?
בהתחלה שרשמנו:
var newWin
הגדרנו משתנה בשם newWin בכדי שנוכל לקבל מיקוד של החלון ובעזרתו לקחת גישות אליו.
שרשמנו:
window.open() אמרנו לפתוח חלון חדש.
שרשמנו:
"window location" אמרנו לקחת קוד ממקום מסוים לדוגמה test.html ולשים בתוך החלון.
אפשרות זו היא בגדר אפשרות, כלומר לא חייב לשים את זה!
שרשמנו:
"window name" שמנו את שם החלון החדש.
וכשרשמנו:
"parameters" כלומר מאפיינים בתרגום חופשי, התכוונו לשים את כל המאפיינים (גובה אורך וכדומה).
עכשיו בואו ניישם עד כה את מה שלמדנו:
קוד PHP:
var newWin =
window.open("","newWin","width=350px,height=350px;top=100px;left=250px"); //we open a new window
במאפיינים רשמנו כך:
אורך (width) שווה ל-350 PX
גובה (height) שווה ל-350 PX גם.
top אומר את מרחק השדה מראש המסך.
left אומר את אותו הדבר כמו ב-top רק לצד שמאל.
להלן הנה הפרמטרים שאפשר לשים בחלון:
| מאפיין |
משמעות |
ערכים |
| width |
רוחה החלון |
n pixels |
| height |
גובה החלון |
n pixels |
| top |
מרחק החלון מראש המסך |
n pixels |
| left |
מרחק החלון משמאל המסך |
n pixels |
| resizable |
אפשרות שינוי גודל |
no, yes |
| scrollbars |
פסי גלילה |
no, yes |
| menubar |
שורת תפריטים |
no, yes |
| toolbar |
שורת לחצנים |
no, yes |
| status |
שורת מצב |
no, yes |
| location |
שורת מיקום |
no, yes |
| fullscreen |
מסך מלא |
no, yes |
| titlebar |
שורת כותרת |
no, yes |
הקטעים המודגשים הם קטעי ברירת המחדל.
הכנסת פרמטרים לחלון
בשביל לכתוב לדוגמה Hello World נרשום כך:
קוד PHP:
var newWin = window.open("","newWin"); //we open a new window
newWin.document.write("Hello World") //we write Hello World
כך אפשר לעשות כל דבר, רק שבמקום ה-window נרשום את שם המשתנה.
אם לדוגמה נעשה כך:
קוד PHP:
var newWin = window.open("","newWin"); //we open a new window
newWin.document.bgColor = "Red"; //we make the bgcolor to Red
נשנה את צבע הרקע לאדום וכ'ו
וזהו 
כל הזכויות שמורות לי ובלעדיות לאטרף!