Lompat ke konten Lompat ke sidebar Lompat ke footer

Window Opener HTML DOM dan Fungsinya

Properti Window opener DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai referensi dari window baru yang telah diciptakan. Properti ini digunakan untuk mengembalikan nilai rincian dari window parent atau window sumber asalnya. Sebuah window dibuka menggunakan method window.open() dan menutupnya kembali menggunakan method window.opener.close().

Sebelum memahami lebih dalam materi tentang Window Opener HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Nama Halaman HTML Menggunakan window.name DOM [klik], Penyimpanan Data Lokal HTML Menggunakan localStorage DOM [klik], dan Mengatur Nilai Panjang HTML Menggunakan window.length DOM [klik].

Sintak:
window.opener

Return Values: berfungsi untuk mengembalikan nilai referensi dari window yang telah diciptakan.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Window opener DOM 

pada HTML

</title>

</head>

 

<body>

 

<h2>

Properti Window opener DOM 

pada HTML

</h2>

 

<button 

onclick = "myDon1s()">

Click Here!

</button>

 

<!-- script untuk membuka 

window baru -->

<script>

function myDon1s() 

{

var win = window.open("", "win",

"width = 500, 

height = 300");

 

win.document.write("<p>New Window</p>");

 

win.opener.document.write("<p>Parent Window</p>");

}

</script>

 

</body>

 

</html>

Output:

Properti Window opener DOM pada HTML



Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Window opener DOM 

pada HTML

</title>

</head>

 

<body>

 

<h2>

Properti Window opener DOM 

pada HTML

</h2>

 

<button 

onclick = "myBon2s()">

Click Here!

</button>

 

<!-- script untuk menciptakan 

dua window -->

<script>

function myBon2s() 

{

var win1 = window.open("", "win1",

"width = 500, 

height = 300");

 

var win2 = window.open("", "win2",

"width = 400, 

height = 250");

 

win1.document.write("<p>New Window 1</p>");

 

win2.document.write("<p>New Window 2</p>");

 

win1.opener.document.write("<p>Parent Window</p>");

 

win2.opener.document.write("<p>Parent Window</p>");

}

</script>

 

</body>

 

</html>

Output:

Properti Window opener DOM pada HTML


Artikel ini didedikasikan kepada: Marcela Andarista Maharani, Maulana Ishaq Handi Putra, Maulia Fandhi Suprapto, Mavra Guher, dan Maya Putri Valentina.

5 komentar untuk "Window Opener HTML DOM dan Fungsinya"

  1. Berikan lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti Window Opener DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini diberikan lima jenis contoh properti window opener DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti window.opener DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti window.opener DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai referensi ke jendela induk yang digunakan untuk meluncurkan atau membuat jendela child dengan menggunakan open().

      Hapus
    2. Properti window.opener merupakan properti yang merujuk penggunaannya ke window yang sedang open saat ini. Jika tidak, maka nilai window saat ini tidak dibuka dan ditautkan ke window yang lain, atau mengembalikan nilai null.

      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 -