DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Membuka dan Menutup Layar HTML Menggunakan 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.

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.


Penggunaan Properti window.open() dan window.close DOM pada HTML
Properti window.open() dan window.close() DOM

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:

Komentar

  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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas