Contoh
Terbuka "www.w3ii.com" di jendela browser baru:
window.open("http://www.w3ii.com"); Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The open() metode membuka jendela browser baru.
Tip: Gunakan close() metode untuk menutup jendela.
Dukungan Browser
| metode | |||||
|---|---|---|---|---|---|
| open() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
window.open( Nilai parameter Parameter Deskripsi URL Pilihan. Menentukan URL dari halaman untuk membuka. Jika tidak ada URL yang ditentukan, jendela baru dengan about: blank dibuka name Pilihan. Menentukan target atribut atau nama jendela. Nilai-nilai berikut ini didukung: - _blank - URL dimuat ke jendela baru. Ini adalah default
- _parent - URL dimuat ke dalam bingkai induk
- _self - URL menggantikan halaman saat ini
- _top - URL menggantikan frameset yang dapat dimuat
- name - Nama jendela (Catatan: nama tidak menentukan judul jendela baru)
specs Pilihan. Sebuah daftar dipisahkan koma item, tidak ada spasi putih. Nilai-nilai berikut ini didukung:
channelmode=yes|no|1|0 Apakah atau tidak untuk menampilkan jendela dalam mode teater. Default ada. IE hanya directories=yes|no|1|0 Usang. Apakah atau tidak untuk menambahkan tombol direktori. Default adalah ya. IE hanya fullscreen=yes|no|1|0 Apakah atau tidak untuk menampilkan browser dalam modus layar penuh. Default ada. Sebuah jendela dalam mode layar penuh juga harus dalam modus teater. IE hanya height=pixels Ketinggian jendela. Min. Nilai adalah 100 left=pixels Posisi kiri jendela. nilai negatif tidak diperbolehkan location=yes|no|1|0 Apakah atau tidak untuk menampilkan field alamat. Opera hanya menubar=yes|no|1|0 Apakah atau tidak untuk menampilkan menu bar resizable=yes|no|1|0 Apakah atau tidak jendela resizable. IE hanya scrollbars=yes|no|1|0 Apakah atau tidak untuk menampilkan scroll bar. IE, Firefox & Opera hanya status=yes|no|1|0 Apakah atau tidak untuk menambahkan status bar titlebar=yes|no|1|0 Apakah atau tidak untuk menampilkan judul bar. Diabaikan kecuali aplikasi yang memanggil adalah Aplikasi HTML atau kotak dialog yang terpercaya toolbar=yes|no|1|0 Apakah atau tidak untuk menampilkan toolbar browser. IE dan Firefox hanya top=pixels Bagian atas posisi jendela. nilai negatif tidak diperbolehkan width=pixels Lebar jendela. Min. Nilai adalah 100
menggantikan Pilihan. Menentukan apakah URL menciptakan entri baru atau menggantikan entri saat ini dalam daftar sejarah. Nilai-nilai berikut ini didukung: - benar - URL menggantikan dokumen saat dalam daftar sejarah
- palsu - URL menciptakan entri baru dalam daftar sejarah
Rincian teknis
Kembali Nilai: Sebuah referensi ke jendela yang baru dibuat, atau null jika panggilan gagal
Contoh lebih
Contoh
Membuka about: blank page di jendela baru:
var myWindow = window.open("", "", "width=200,height=100"); Cobalah sendiri "
Contoh
Buka jendela baru yang disebut "MsgWindow" , dan menulis beberapa teks ke dalamnya:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); Cobalah sendiri "
Contoh
Menggantikan jendela saat ini dengan jendela baru:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); Cobalah sendiri "
Contoh
Membuka jendela baru dan mengontrol penampilan:
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); Cobalah sendiri "
Contoh
Membuka beberapa jendela:
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); Cobalah sendiri "
Contoh
Buka jendela baru. Gunakan close() untuk menutup jendela baru:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} Cobalah sendiri "
Contoh
Buka jendela baru. Menggunakan properti nama untuk mengembalikan nama jendela baru:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); Cobalah sendiri "
Contoh
Menggunakan properti pembuka untuk kembali referensi ke jendela yang menciptakan jendela baru:
var myWindow = window.open("", "myWindow", "width=200,height=100");
// Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); //
Text in the window that created the new window Cobalah sendiri "
<Jendela Object