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

Màn hình cửa sổ HTML Thuộc tínhY

Thuộc tính HTML Window screenY 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.screenY

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

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 screenY Property Demo</h1>
<button onclick="display()" class="btn">Show screenY value</button>
<div class="show"></div>
<script>
   function display() {
      document.querySelector('.show').innerHTML = 'The vertical coordinate of the window relative to the screen is: ' + window.screenY + 'px';
   }
</script>
</body>
</html>

Đầu ra

Màn hình cửa sổ HTML Thuộc tínhY

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

Màn hình cửa sổ HTML Thuộc tínhY