Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Membuat Tampilan Default HTML Menggunakan defaultView DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Properti defaultView pada DOM HTML digunakan untuk return dokumen pada Window Object. Window object adalah window yang sedang open pada browser.


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, Membuat Object HTML Menggunakan createEvent DOM, dan Membuat Elemen HTML Menggunakan createElement DOM.

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimKamis, 09 Desember 2021 pukul 11.09.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimKamis, 09 Desember 2021 pukul 11.09.00 WIB

      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. AnonimKamis, 09 Desember 2021 pukul 11.13.00 WIB

    Apa fungsi method defaultView() pada dom html?

    BalasHapus
    Balasan
    1. AnonimKamis, 09 Desember 2021 pukul 11.13.00 WIB

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

      Hapus
    2. AnonimKamis, 09 Desember 2021 pukul 11.15.00 WIB

      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 -