windowFeatures Sebuah string yang menentukan berbagai fitur jendela untuk disertakan dalam jendela popup (seperti status bar, address bar dll) Kode berikut membuka jendela browser baru dengan fitur standar Show
Mengubah fitur PopupAnda dapat mengontrol fitur popup menggunakan argumen terakhir ke jendela. metode terbuka. Kode berikut membuka jendela dengan bilah status dan tanpa fitur tambahan _Kode di bawah membuka jendela dengan bilah alat dan bilah status
Tabel menampilkan fitur dan token string yang dapat Anda gunakan status Bilah status di bagian bawah jendela bilah alat Bilah alat browser standar, dengan tombol seperti Mundur dan Maju lokasi Kolom entri Lokasi tempat Anda memasukkan URL bilah menu Bilah menu jendela direktori Tombol direktori browser standar, seperti Yang Baru dan Yang Keren dapat diubah ukurannya Izinkan/Larang pengguna untuk mengubah ukuran jendela scrollbar Aktifkan bilah gulir jika dokumen lebih besar dari jendela tinggi Menentukan tinggi jendela dalam piksel. (contoh. tinggi = '350') lebar Menentukan lebar jendela dalam piksel ContohKode berikut membuka jendela dengan bilah menu. Jendela dapat diubah ukurannya dan memiliki lebar 350 piksel dan tinggi 250 piksel
Contoh 1 Jendela dengan bilah lokasi, bilah status, bilah gulir, dan ukuran 100 X 100 _Contoh 2 Memindahkan jendela ke lokasi yang diinginkanAnda dapat menggunakan jendela. moveTo berfungsi untuk memindahkan jendela popup ke lokasi yang diinginkan. Kode di bawah menunjukkan posisi popup di lokasi yang diinginkan
Kode memposisikan popup di sudut kiri atas layar Menyatukan semuanyaSekarang kami akan menggabungkan semua informasi ini untuk membuat jendela sembulan dari berbagai jenis. Kode di bawah ini membuka jendela sembulan saat Anda memasuki halaman _Perhatikan bahwa URL dibiarkan kosong. Ini akan membuka jendela kosong. Anda dapat melihat kode yang sedang bekerja di file ini. Contoh Munculan JavaScript 3 …Dan itu akan membuka jendela baru dengan URL yang diberikan. Sebagian besar browser modern dikonfigurasikan untuk membuka url di tab baru, bukan di jendela terpisah Munculan ada dari zaman yang sangat kuno. Ide awalnya adalah menampilkan konten lain tanpa menutup jendela utama. Sampai sekarang, ada cara lain untuk melakukan itu. kita dapat memuat konten secara dinamis dengan mengambil dan menampilkannya dalam Selain itu, munculan rumit pada perangkat seluler, yang tidak menampilkan banyak jendela secara bersamaan Namun, ada tugas di mana popup masih digunakan, mis. g. untuk otorisasi OAuth (masuk dengan Google/Facebook/…), karena
Di masa lalu, situs jahat sering menyalahgunakan popup. Halaman yang buruk dapat membuka banyak jendela sembulan dengan iklan. Jadi sekarang sebagian besar browser mencoba memblokir popup dan melindungi pengguna Sebagian besar browser memblokir munculan jika dipanggil di luar penangan peristiwa yang dipicu pengguna seperti 0Misalnya
Dengan cara ini pengguna agak terlindungi dari sembulan yang tidak diinginkan, tetapi fungsinya tidak sepenuhnya dinonaktifkan Sintaks untuk membuka popup adalah. 1urlSebuah URL untuk memuat ke jendela baru. nameNama jendela baru. Setiap jendela memiliki 2, dan di sini kita dapat menentukan jendela mana yang akan digunakan untuk popup. Jika sudah ada jendela dengan nama seperti itu – URL yang diberikan terbuka di dalamnya, jika tidak, jendela baru akan dibuka. paramsString konfigurasi untuk jendela baru. Ini berisi pengaturan, dibatasi oleh koma. Tidak boleh ada spasi di params, misalnya. 3Setelan untuk _4
Ada juga sejumlah fitur khusus browser yang kurang didukung, yang biasanya tidak digunakan. Periksa jendela. buka di MDN untuk contoh Mari kita buka jendela dengan serangkaian fitur minimal, hanya untuk melihat browser mana yang memungkinkan untuk dinonaktifkan
Di sini sebagian besar "fitur jendela" dinonaktifkan dan jendela diposisikan di luar layar. Jalankan dan lihat apa yang sebenarnya terjadi. Kebanyakan browser "memperbaiki" hal-hal aneh seperti nol 6 dan offscreen 5. Misalnya, Chrome membuka jendela seperti itu dengan lebar/tinggi penuh, sehingga menempati layar penuhMari tambahkan opsi pemosisian normal dan koordinat 5, 6, 7, 8
Sebagian besar browser menampilkan contoh di atas sesuai kebutuhan Aturan untuk pengaturan yang dihilangkan
Panggilan _9 mengembalikan referensi ke jendela baru. Itu dapat digunakan untuk memanipulasi propertinya, mengubah lokasi, dan bahkan lebih banyak lagiDalam contoh ini, kami menghasilkan konten popup dari JavaScript
Dan di sini kami memodifikasi konten setelah memuat
Tolong dicatat. segera setelah _5, jendela baru belum dimuat. Itu ditunjukkan oleh _6 sejalan 7. Jadi kami menunggu 8 untuk memodifikasinya. Kita juga bisa menggunakan penangan _9 untuk 0Kebijakan asal yang sama Windows dapat dengan bebas mengakses konten satu sama lain hanya jika mereka berasal dari asal yang sama (protokol yang sama. //domain. pelabuhan) Jika tidak, e. g. jika jendela utama dari 1, dan munculan dari 2, itu tidak mungkin untuk alasan keamanan pengguna. Untuk detailnya, lihat bab Komunikasi lintas jendelaMunculan juga dapat mengakses jendela "pembuka" menggunakan referensi 3. Ini adalah _4 untuk semua jendela kecuali munculanJika Anda menjalankan kode di bawah ini, itu menggantikan konten jendela pembuka (saat ini) dengan "Test"
Jadi koneksi antar jendela bersifat dua arah. jendela utama dan popup memiliki referensi satu sama lain Untuk menutup jendela. _5Untuk memeriksa apakah jendela ditutup. _6Secara teknis, metode 7 tersedia untuk semua 8, tetapi 9 diabaikan oleh sebagian besar browser jika 8 tidak dibuat dengan 1. Jadi itu hanya akan bekerja pada popupProperti _2 adalah 3 jika jendela ditutup. Itu berguna untuk memeriksa apakah popup (atau jendela utama) masih terbuka atau tidak. Seorang pengguna dapat menutupnya kapan saja, dan kode kita harus mempertimbangkan kemungkinan ituKode ini memuat dan kemudian menutup jendela
Ada metode untuk memindahkan/mengubah ukuran jendela 4Pindahkan jendela relatif ke posisi saat ini 5 piksel ke kanan dan 6 piksel ke bawah. Nilai negatif diperbolehkan (bergerak ke kiri/atas). 7Pindahkan jendela ke koordinat 8 di layar. 9Ubah ukuran jendela dengan diberikan 6 relatif terhadap ukuran saat ini. Nilai negatif diperbolehkan. 1Ubah ukuran jendela ke ukuran yang diberikanAda juga acara _2Hanya munculan Untuk mencegah penyalahgunaan, browser biasanya memblokir metode ini. Mereka hanya bekerja dengan andal pada munculan yang kami buka, yang tidak memiliki tab tambahan Tidak ada minifikasi/maksimalisasi JavaScript tidak memiliki cara untuk memperkecil atau memaksimalkan jendela. Fungsi tingkat OS ini disembunyikan dari pengembang Frontend Metode pemindahan/pengubahan ukuran tidak berfungsi untuk jendela yang dimaksimalkan/diminimalkan Kami sudah berbicara tentang menggulir jendela di bab Ukuran jendela dan menggulir 3Gulir jendela 5 piksel ke kanan dan 6 ke bawah relatif gulir saat ini. Nilai negatif diperbolehkan. 6Gulir jendela ke koordinat yang diberikan 8. 8Gulir jendela untuk membuat 9 muncul di bagian atas (default) atau di bagian bawah untuk 0Ada juga acara _1Secara teoritis, ada _2 dan 3 metode untuk fokus/tidak fokus pada jendela. Dan ada juga 4 acara yang memungkinkan untuk menangkap momen ketika pengunjung fokus pada jendela dan beralih ke tempat lainMeskipun, dalam praktiknya mereka sangat terbatas, karena di masa lalu halaman-halaman jahat menyalahgunakannya Misalnya, lihat kode ini
Saat pengguna mencoba untuk keluar dari jendela ( 5), jendela akan kembali fokus. Tujuannya adalah untuk "mengunci" pengguna dalam 8Jadi browser harus memperkenalkan banyak batasan untuk melarang kode seperti itu dan melindungi pengguna dari halaman iklan dan kejahatan. Mereka bergantung pada browser Misalnya, browser seluler biasanya mengabaikan 2 sepenuhnya. Pemfokusan juga tidak berfungsi saat munculan terbuka di tab terpisah, bukan di jendela baruNamun, ada beberapa kasus penggunaan saat panggilan semacam itu berfungsi dan dapat bermanfaat Contohnya
Jendela sembulan jarang digunakan, karena ada alternatif. memuat dan menampilkan informasi dalam halaman, atau dalam iframe Jika kita akan membuka munculan, praktik yang baik adalah memberi tahu pengguna tentang hal itu. Ikon "jendela pembuka" di dekat tautan atau tombol akan memungkinkan pengunjung bertahan dari pergeseran fokus dan mengingat kedua jendela
Untuk menutup munculan. gunakan _7 panggilan. Pengguna juga dapat menutupnya (sama seperti jendela lainnya). 5 adalah 3 setelah itu
Mengapa kita menggunakan jendela terbuka JavaScript?Ini adalah metode jendela JavaScript yang 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.
Apa gunanya membuka jendela?Metode open() membuka jendela browser baru, atau tab baru , tergantung pada pengaturan browser Anda dan nilai parameter.
Bagaimana cara membuka jendela baru di JavaScript?Anda dapat menggunakan JavaScript untuk meluncurkan jendela baru. Jendela. open() , yang memungkinkan Anda untuk membuka jendela browser baru tanpa keluar dari halaman saat ini
Apa perbedaan antara buka jendela dan lokasi jendela?open() adalah fungsi pada objek window itu sendiri sedangkan window. lokasi adalah objek yang memperlihatkan berbagai metode dan properti lainnya . |