Untuk membuat Popup window dengan menggunakan Javascript sangat mudah. Anda cukup menggunakan sintaks :

window.open

Format sintaks tersebut adalah sebagai berikut:

window.open("filehtml.html","Judul Popup","Option");

Penjelasan singkat dari sintaks di atas adalah sebagai berikut:

  1. “filehtml.html” diisi dengan file yang akan di-load pada popup window. Tidak harus file html, bisa juga file php, jsp, asp, dll.
  2. “Judul Popup” diisi dengan judul untuk Popup Window. Saya rasa bagian ini Anda langsung mengerti :)
  3. “Option”, diisi dengan opsi-opsi popup window sesuai dengan kebutuhan Anda. Opsi-opsi yang tersedia adalah sebagai berikut:


Option Values Description
location yes|no Does the location bar show?
menubar yes|no Does the menubar show?
scrollbars yes|no Do scrollbars show?
status yes|no Does the status bar show|
titlebar yes|no Does the titlebar show?
toolbar yes|no Does the toolbar show?
resizable yes|no Can you resize the window?
height pixels height of window
width pixels width of window
directories yes|no Does the personal toolbar show?
innerHeight pixels specifies the inner height of window
innerWidth pixels specifies the inner width of window
screenX pixels specifies distance from left edge of screen
screenY pixels specifies distance from top edge of screen

Pada browser modern saat ini, seperti firefox versi 3.0 (atau lebih), IE7 (atau lebih), dan browser up to date lainnya, kita tidak mungkin menghilangkan location / address bar. Fitur ini telah di-disabled sejak firefox 3.0. Jadi opsi ‘location’ tidak akan berfungsi jika digunakan.

Berikut ini contoh penggunaan sintaks tersebut:

window.open("http://www.blogger.com/","Blogger","menubar=no,width=430,height=360,toolbar=no");

Ingat bahwa sintaks option ditulis dalam satu quoted string (“…”)