Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Tampilan Default HTML Menggunakan defaultView DOM

Properti defaultView pada DOM HTML digunakan untuk return dokumen pada Window Object. Window object adalah window yang sedang open pada browser.

2 Contoh Penggunaan Properti defaultView pada DOM HTML
Ilustrasi defaultView DOM HTML

Sebelum memahami lebih dalam materi tentang Membuat Tampilan Default HTML Menggunakan defaultView DOM, terlebih dahulu pelajari materi tentang: Membuat Teks Node Menggunakan createTextNode DOM HTML [klik], Membuat Object HTML Menggunakan createEvent DOM [klik], dan Membuat Elemen HTML Menggunakan createElement DOM [klik].

Sintak:
document.defaultView

Return Value: digunakan untuk return Window Object yang ada saat ini.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti defaultView DOM

</title>

</head>

 

<body style = "text-align:center">

 

<h1 

style = "color:green">

Blog Elfan

</h1>

 

<h2>

Properti defaultView DOM

</h2>

 

<button 

onclick = "dons()">

Submit

</button>

 

<p id="sudo"></p>

 

<script>

function dons() 

{

var doc = document.defaultView;

document.getElementById("sudo").innerHTML = doc;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti defaultView DOM


Contoh: berikut adalah ilustrasi return nilai panjang dan nilai lebar pada Windows.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti defaultView DOM

</title>

</head>

 

<body>

<center>

 

<h1 

style = "color:green;">

Blog Elfan

</h1>

 

<h2>

Properti defaultView

</h2>

 

<button 

onclick="dons()">

Submit

</button>

 

<p id="sudo"></p>

 

<!-- script untuk mengetahui ukuran window -->

<script>

function dons() 

{

var def_view = document.defaultView;

var width = def_view.innerWidth;

var height = def_view.innerHeight;

document.getElementById("sudo").innerHTML

= "Width: " 

+ width 

+ "<br>Height: " 

+ height;

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Properti defaultView


Artikel ini didedikasikan kepada: Alvita Malinda Febrianty Fu'Adi, Alyaa Firsty Ananda, Alysia Diwaritama, Amelia Damayanti, dan Ananda Budi Wuriani.

5 komentar untuk "Membuat Tampilan Default HTML Menggunakan defaultView DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method defaultView() pada dom html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method defaultView() pada dom html:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi method defaultView() pada dom html?

    BalasHapus
    Balasan
    1. defaultView berfungsi untuk mengembalikan object window yang berkaitan dengan dokumen, atau null jika tidak ada yang tersedia.

      Hapus
    2. Properti HTML DOM defaultView digunakan untuk mengembalikan object jendela yang berkatian dengan dokumen saat yang sedang dibuka pada bagian jendela atau window tertentu.

      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 -