Computer >> Máy Tính >  >> Lập trình >> HTML

HTML Window screenX Thuộc tính

Thuộc tính HTML Window screenX trả về tọa độ ngang của cửa sổ so với màn hình. Nó được hỗ trợ bởi tất cả các trình duyệt.

Cú pháp

Sau đây là cú pháp -

window.screenX

Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML Window screenX -

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show {
      font-size: 1.2rem;
   }
</style>
<body>
<h1>HTML Window screenX Property Demo</h1>
<button onclick="display()" class="btn">Show screenX value</button>
<div class="show"></div>
<script>
   function display() {
      document.querySelector('.show').innerHTML = 'The horizontal coordinate of the window relative to the screen is: ' + window.screenX + 'px';
   }
</script>
</body>
</html>

Đầu ra

HTML Window screenX Thuộc tính

Nhấp vào nút “Hiển thị giá trị screenX” để hiển thị tọa độ ngang của cửa sổ so với màn hình:

HTML Window screenX Thuộc tính