Bagaimana cara membuka jendela baru di javascript?

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 riwayat

Nilai 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 Sekarang

Atau

Kode ini dapat ditulis seperti yang diberikan di bawah ini -

Salin Kode

Uji Sekarang

Keluaran

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 Sekarang

Keluaran

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 Sekarang

Keluaran

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 Sekarang

Keluaran

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 Sekarang

Keluaran

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 Sekarang

Keluaran

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?

Apa itu jendela terbuka () dalam JavaScript?

Bagaimana cara membuat Windows dalam JavaScript?