Window Opener HTML DOM dan Fungsinya
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.
<!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>
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>
Properti Window opener DOM pada HTML
- Penggunaan Properti Window Parent DOM pada HTML [klik]
- Penggunaan Properti screenLeft Window DOM pada HTML [klik]
- Penggunaan Properti screenTop Window DOM pada HTML [klik]
- Penggunaan Properti screenX Window DOM pada HTML [klik]
- Penggunaan Properti screenY Window DOM pada HTML [klik]
- Penggunaan Properti sessionStorage() Window DOM pada HTML [klik]
- Penggunaan Properti self() Window DOM pada HTML [klik]
5 komentar untuk "Window Opener HTML DOM dan Fungsinya"
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 -
Berikan lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti Window Opener DOM pada HTML?
BalasHapusBerikut ini diberikan lima jenis contoh properti window opener DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti window.opener DOM pada HTML?
BalasHapusProperti 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().
HapusProperti 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