Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window 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, Mengatur Layar Kiri HTML Menggunakan screenLeft Window DOM, dan Window Parent DOM HTML dan Fungsinya.
Sintak: window.screenX
Return Values: berfungsi untuk mengembalikan sebuah nilai yang yang merepresentasikan nilai jarak horizontal dari window relatif ke screen dalam satuan piksel.
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>
Blog Elfan
Properti Window screenX
Untuk mengembalikan nilai koordinat X dari sebuah window relatif terhadap screen, lakukan double klik pada tombol "Check X Coordinate":
- Penggunaan Properti top() Window DOM pada HTML
- Penggunaan Properti alert() Window DOM pada HTML
- Penggunaan Properti atob() Window DOM pada HTML
- Penggunaan Properti Blur dan Focus Window DOM pada HTML
- Penggunaan Properti btoa() Window DOM pada HTML
- Penggunaan Properti clearTimeout() dan clearInterval() Window DOM pada HTML
- 2 Contoh Penggunaan Properti confirm Window DOM pada HTML
5 komentar untuk "Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window DOM"
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 -
Sebutkan lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti window.screenX DOM pada HTML?
BalasHapusBerikut ini adalah lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti window.screenX DOM pada HTML:
Hapusa) Google Chrome
b) Internet Explorer
c) Firefox
d) Opera
e) Safari
Apa yang dimaksud dengan properti window.screenX dan apa fungsinya pada browser?
BalasHapusProperti 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.
HapusProperti 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