Lompat ke konten Lompat ke sidebar Lompat ke footer

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, Menggerakkan Layar HTML Menggunakan moveBy Window DOM, dan Mengatur Gaya Komputasi HTML Menggunakan getComputedStyle DOM.

Sintak window openwindow.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 closewindow.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.

Berikut adalah ilustrasi contoh penggunaan properti window.open() dan window.close() pada jQuery.

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:

Artikel ini didedikasikan kepada: Nandya Febrilia Hilmasari, Nanik Sri Puji Rahmawati, Nathanael Yapanani, Nirossa Lusardi, dan Nor Eka Adi Suryanto.

7 komentar untuk "Membuka dan Menutup Layar HTML window.open dan window.close DOM"

  1. Ada berapa jenis browser yang dapat digunakan pengembang untuk mengaktifkan properti window.open() dan window.close() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.open() dan window.close() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan method open() DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Method window.close() merupakan method yang digunakan untuk menutup window yang sedang digunakan saat ini, atau window yang nilainya sedang dipanggil saat ini.

      Hapus
    3. Method 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.

      Hapus
    4. Properti close() window adalah properti yang tidak akan berpengaruh ketika properti yang dipanggil pada object window dikembalikan oleh HTMLIFrameElement.contentWindow.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -