JavaScript menawarkan metode bawaan untuk membuka dan menutup jendela browser untuk melakukan operasi tambahan seperti jendela robot dll. Metode ini membantu membuka atau menutup pop-up jendela browser. Berikut ini adalah metode jendela
Jendela. metode terbuka digunakan untuk membuka halaman web baru ke jendela dan jendela baru. tutup metode untuk menutup halaman web yang dibuka oleh jendela. metode terbuka. Lihat jendelanya. metode open[] secara detail
Jendela. membuka[]
Ini adalah metode jendela JavaScript yang telah ditentukan sebelumnya yang digunakan untuk membuka tab atau jendela baru di browser. Ini akan tergantung pada pengaturan atau parameter browser Anda yang diteruskan di jendela. open[] yang akan membuka jendela atau tab baru
Metode ini didukung oleh hampir semua browser web populer, seperti Chrome, Firefox, dll. Berikut ini adalah sintaks dan parameter metode buka jendela -
Sintaksis
Fungsi ini menerima empat parameter, tetapi bersifat opsional
Atau
Anda juga dapat menggunakan fungsi ini tanpa menggunakan kata kunci jendela seperti yang ditunjukkan di bawah ini
Tidak ada perbedaan antara kedua sintaks
Daftar Parameter
Di bawah ini adalah daftar parameter jendela. buka[] metode. Perhatikan bahwa - semua parameter dari metode ini bersifat opsional dan bekerja secara berbeda
URL. Parameter jendela opsional ini. fungsi open[] berisi string URL halaman web yang ingin Anda buka. Jika Anda tidak menentukan URL apa pun dalam fungsi ini, itu akan membuka jendela kosong baru [about. kosong]
nama. Dengan menggunakan parameter ini, Anda dapat mengatur nama jendela yang akan Anda buka. Ini mendukung nilai-nilai berikut
URL _blankPassed akan dimuat ke tab/jendela baru. _parentURL akan dimuat ke jendela atau bingkai induk yang sudah dibuka. _selfDengan meneruskan parameter ini, URL akan menggantikan keluaran sebelumnya dan jendela baru akan terbuka di bingkai yang sama. _topURL menggantikan setiap frameset yang dapat dimuat. Nama Berikan nama jendela baru untuk menampilkan teks atau data apa pun di dalamnya. [Catatan - bukan judul jendela]Nilai yang ditentukan di atas diteruskan di dalam kutipan tunggal atau ganda ke jendela. open[] fungsi di tempat parameter nama
spesifikasi. Parameter ini berisi pengaturan yang dipisahkan dengan koma. Elemen yang digunakan dalam parameter ini tidak boleh memiliki spasi putih, mis. g. , lebar=150, tinggi=100
Ini mendukung beberapa nilai
mengganti. Seperti parameter jendela lainnya. metode open[], ini juga merupakan parameter opsional. Entah itu membuat entri baru atau mengganti entri saat ini dalam daftar riwayat. Ini mendukung dua nilai Boolean;
TrueReturn benar jika URL menggantikan entri atau dokumen saat ini dalam daftar riwayat. Salah Mengembalikan salah jika URL membuat entri baru dalam daftar riwayatNilai Pengembalian
Ini akan mengembalikan jendela yang baru dibuka
Contoh
Berikut adalah beberapa contoh jendela. open[] berfungsi untuk membuka jendela/tab browser. Secara default, URL yang ditentukan terbuka di tab atau jendela baru. Lihat contoh di bawah ini
1. open[] dengan parameter URL
Ini adalah contoh sederhana metode buka jendela yang memiliki URL situs web di dalamnya. Kami telah menggunakan tombol. Dengan mengklik tombol ini, jendela. metode open[] akan memanggil dan membuka situs web di tab browser baru
Salin Kode
Uji SekarangAtau
Kode ini dapat ditulis seperti yang diberikan di bawah ini -
Salin Kode
Uji SekarangKeluaran
Ketika Anda mengklik tombol Buka Jendela ini, situs javatpoint akan terbuka di tab baru di dalam jendela yang sama
Lihat tangkapan layar di bawah ini
2. open[] tanpa parameter
Dalam contoh ini, kami tidak akan meneruskan parameter apa pun ke jendela. open[] sehingga tab baru akan terbuka di jendela sebelumnya
Salin Kode
Uji SekarangKeluaran
Ketika Anda akan mengeksekusi kode di atas, sebuah tombol akan muncul bersamanya
Saat Anda mengklik tombol Buka Jendela ini, jendela kosong akan terbuka di tab baru
3. open[] dengan parameter nama
Dalam contoh ini, kita akan menentukan _parent pada parameter name. Anda dapat meneruskan salah satu dari nilai ini [_parent, _blank, _top, dll. ] di dalamnya
Salin Kode
Uji SekarangKeluaran
Jalankan kode dan dapatkan output seperti yang diberikan di bawah ini. Ini akan berisi tombol untuk mengklik dan membuka URL baru di jendela induk yang sama
Ketika Anda mengklik tombol ini, Gmail akan terbuka di bawah jendela induk yang sama
Ketika Anda akan melewati nilai yang berbeda di parameter kedua, Anda akan melihat perbedaan untuk nilai yang berbeda
4. Tentukan ukuran untuk jendela baru
Dalam contoh ini, kami akan menentukan tinggi dan lebar jendela baru. Untuk ini, kami akan menggunakan parameter ketiga [spesifikasi] di jendela. open[] dan meneruskan tinggi dan lebar jendela yang dipisahkan dengan koma ke fungsi ini. Jadi, jendela akan terbuka dalam ukuran yang ditentukan
Salin Kode
Uji SekarangKeluaran
Jalankan kode di atas dan dapatkan output seperti yang diberikan di bawah ini. Ini akan berisi tombol untuk mengklik dan membuka URL baru di jendela induk yang sama
Saat Anda mengklik tombol ini, jendela kosong baru akan terbuka di bawah ukuran jendela induk
Perhatikan bahwa Anda juga dapat meneruskan URL ke jendela. metode open[] untuk membuka situs web apa pun
Buka jendela baru dengan nama dan memiliki pesan
Kami dapat menampilkan teks atau formulir yang ditentukan pengguna di jendela baru yang akan kami buka dengan klik tombol. Untuk ini, kita perlu memberikan nama apa pun ke jendela baru dan menulis beberapa teks ke dalamnya. Nama ini akan diteruskan ke jendela. buka[] metode. Lihat kode di bawah ini bagaimana penerapannya dengan pengkodean yang sebenarnya
Salin Kode
Uji SekarangKeluaran
Jalankan kode dan dapatkan output seperti yang diberikan di bawah ini. Ini akan berisi tombol untuk mengklik dan membuka URL baru di jendela induk yang sama
Saat Anda mengklik tombol ini, jendela baru akan terbuka dengan pesan yang ditentukan pengguna di bawah jendela induk berukuran 300*150
JavaScript juga menawarkan metode bawaan, mis. e. , close[] untuk menutup jendela browser
Tutup jendela yang dibuka oleh jendela. membuka[]
Dalam contoh ini, kami akan menunjukkan cara menutup jendela atau tab yang dibuka oleh jendela. buka[] metode. Pertama, kami akan membuka URL situs web di jendela baru [ukuran ditentukan dalam kode] menggunakan klik tombol dan kemudian menggunakan tombol lain untuk menutup jendela yang terbuka itu. Lihat kode di bawah ini bagaimana hal itu akan dilakukan
Salin Kode
Uji SekarangKeluaran
Ketika Anda akan mengeksekusi kode, Anda akan mendapatkan respon seperti yang ditunjukkan di bawah ini
Klik tombol Open Javatpoint untuk membuka situs web tutorial Javatpoint. Kami telah menentukan ukuran [tinggi dan lebar] jendela pop-up baru untuk dibuka
Bagaimana cara membuka jendela baru di JavaScript?
.