Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window DOM

Properti Window screenX DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai 'x' atau koordinat horizontal dari sebuah window relatif ke screen atau koordinat horizontal dari sebuah window relatif ke screen. Properti screenX juga berfungsi untuk mengembalikan sebuah nilai angka yang merepresentasikan nilai jarak horizontal dari sebuah window relatif ke screen dalam satuan piksel.

Penggunaan Properti screenX Window DOM pada HTML
Properti screenX DOM

Sebelum memahami lebih dalam materi tentang Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Layar Atas HTML Menggunakan screenTop Window DOM [klik], Mengatur Layar Kiri HTML Menggunakan screenLeft Window DOM [klik], dan Window Parent DOM HTML dan Fungsinya [klik].

Sintak:
window.screenX

Return Values: berfungsi untuk mengembalikan sebuah nilai yang yang merepresentasikan nilai jarak horizontal dari window relatif ke screen dalam satuan piksel.

Baca Juga:

Berikut adalah ilustrasi program dengan menggunakan properti window.screenX.

Contoh: memeriksa nilai koordinat x dari sebuah window relatif terhadap screen.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Window screenX DOM 

pada HTML

</title>

 

<style>

h1 

{

color: green;

}

 

h2 

{

font-family: Impact;

}

 

body 

{

text-align: center;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Window screenX

</h2>

 

<p>

Untuk mengembalikan nilai 

koordinat X dari sebuah window 

relatif terhadap screen, 

lakukan double klik pada 

tombol "Check X Coordinate":

</p>

 

<button 

ondblclick="coordinate()">

Check X Coordinate

</button>

 

<script>

function coordinate() 

{

var x = window.open("", "myWindow");

 

x.document.write("<p>Welcome to my Window");

 

x.document.write("<br> X Coordinate : " + x.screenX + "</p>");

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Window screenX

Untuk mengembalikan nilai koordinat X dari sebuah window relatif terhadap screen, lakukan double klik pada tombol "Check X Coordinate":


Artikel ini didedikasikan kepada: Muhamad Igo Al-Falasani, Muhamad Rafli, Muhammad Ahsan Ismail, Muhammad Arkan Abyasa, dan Muhammad Ferdiansyach Nursy Saputra.

5 komentar untuk "Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window DOM"

  1. Sebutkan lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti window.screenX DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti window.screenX DOM pada HTML:
      a) Google Chrome
      b) Internet Explorer
      c) Firefox
      d) Opera
      e) Safari

      Hapus
  2. Apa yang dimaksud dengan properti window.screenX dan apa fungsinya pada browser?

    BalasHapus
    Balasan
    1. Properti window.screenX merupakan properti read-only yang digunakan untuk mengembalikan nilai jarak secara horizontal, dalam satuan ukur piksel CSS, dari nilai batas kiri area pandang browser pengguna ke sisi kiri pada layar monitor.

      Hapus
    2. Properti screenX merupakan properti yang diterapkan pada hampir sebagian besar browser modern dalam tipe update terbaru, dimana pada awalnya properti ini hanya didukung penggunannya oleh Internet Explorer tetapi kemudian mulai digunakan diberbagai browser lainnya karena kepopuler dari properti window.screenX tersebut.

      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 -