Membuka dan Menutup Layar HTML window.open dan window.close DOM
Properti window.open() dan window.close() merupakan properti yang digunakan untuk membuka dan menutup halaman web pada new window.
Sebelum memahami lebih dalam materi tentang Membuka dan Menutup Layar HTML window.open dan window.close DOM, terlebih dahulu pelajari materi tentang: Menggerakkan Layar HTML Menggunakan moveTo Window DOM [klik], Menggerakkan Layar HTML Menggunakan moveBy Window DOM [klik], dan Mengatur Gaya Komputasi HTML Menggunakan getComputedStyle DOM [klik].
Sintak window open:
window.open(URL, name, specs, replace)
Parameter window open: terdiri dari empat parameter yang dijelaskan sebagai berikut.
Return Values Window Open: berfungsi untuk mengembalikan nilai new window.
Sintak window close:
window.close()
Parameter window close: parameter ini tidak mengandung nilai parameter apapun.
Return Values Window Close: properti ini tidak mengembalikan nilai apapun pada browser.
Berikut adalah ilustrasi contoh penggunaan properti window.open() dan window.close() pada jQuery.
Contoh:
 |
| Properti window.open() dan window.close() DOM |
Sintak window open:
window.open(URL, name, specs, replace)
Parameter window open: terdiri dari empat parameter yang dijelaskan sebagai berikut.
- URL: merupakan parameter opsional yang digunakan untuk mengatur nilai URL dari halaman web yang akan dibuka. Jika nilai URL tidak diatur pada properti window.open(), maka akan dibuka window barus pada blank window.
- name: merupakan parameter opsional yang digunakan untuk mengatur nama window.
- specs: merupakan parameter opsional yang digunakan untuk memisahkan item menggunakan tanda koma.
- replace: merupakan parameter opsional yang digunakan untuk menentukan nilai URL yang diciptakan untuk entry baru atau mengganti nilai entry saat ini pada daftar history. Paremeter ini mengembalikan nilai bolean yang terdiri dari dua kondisi true atau false. Jika parameter mengembalikan nilai true, maka URLS akan mengganti dokumen saat ini pada daftar history. Jika nilai yang dikembalikan properti adalah false maka URL akan membuat daftar entry baru pada daftar history.
Return Values Window Open: berfungsi untuk mengembalikan nilai new window.
Sintak window close:
window.close()
Parameter window close: parameter ini tidak mengandung nilai parameter apapun.
Baca Juga:
Return Values Window Close: properti ini tidak mengembalikan nilai apapun pada browser.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti window open dan
window close DOM pada HTML
</title>
<script>
var Window;
// Function untuk membuka new
// window
function windowOpen()
{
Window = window.open(
"https://www.www.penelitian.id/",
"_blank",
"width=400, height=450");
}
// Fungsi untuk menutup
// window
function windowClose()
{Window.close();}
</script>
</head>
<body>
<button
onclick="windowOpen()">
Open Window
</button>
<button
onclick="windowClose()">
Close Window
</button>
</body>
</html>
Output:
Referensi Tambahan:
- Melakukan Gulir HTML Menggunakan scrollTo Window DOM [klik]
- Mengatur Waktu HTML Menggunakan setTimeout dan setInterval Window DOM [klik]
- Menghentikan Layar HTML Menggunakan Stop Window DOM [klik]
- Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM [klik]
- Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM [klik]
- Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM [klik]
- Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM [klik]
Artikel ini didedikasikan kepada: Nandya Febrilia Hilmasari, Nanik Sri Puji Rahmawati, Nathanael Yapanani, Nirossa Lusardi, dan Nor Eka Adi Suryanto.
Ada berapa jenis browser yang dapat digunakan pengembang untuk mengaktifkan properti window.open() dan window.close() DOM pada HTML?
BalasHapusBerikut ini beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.open() dan window.close() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan method open() DOM pada HTML?
BalasHapusProperti method window.open() DOM pada HTML merupakan properti yang digunakan untuk membuka window pada browser baru, atau tab baru, bergantung pada nilai pengaturan browser dan nilai parameter yang digunakan oleh user.
HapusMethod window.close() merupakan method yang digunakan untuk menutup window yang sedang digunakan saat ini, atau window yang nilainya sedang dipanggil saat ini.
HapusMethod window.close() adalah method yang hanya dapat dipanggil pada window yang dibuka oleh script yang menggunakan method window.open(). Jika tidak, maka akan terjadi kesalahan pada saat proses menutupnya.
HapusProperti close() window adalah properti yang tidak akan berpengaruh ketika properti yang dipanggil pada object window dikembalikan oleh HTMLIFrameElement.contentWindow.
Hapus