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

Thuộc tính trên cùng của Cửa sổ HTML

Thuộc tính HTML Window top trả về cửa sổ trình duyệt trên cùng của cửa sổ hiện tại.

Cú pháp

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

window.top

Hãy để chúng tôi xem một ví dụ về Thuộc tính trên cùng của Cửa sổ HTML -

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;
      text-align: center;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 30%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show{
      font-size:1.2rem;
   }
</style>
<body>
<h1>HTML Window top Property Demo</h1>
<button onclick="create()" class="btn">Check current window is topmost</button>
<div class="show"></div>
<script>
   function create(){
      if(window.top === window.self){
         document.querySelector('.show').innerHTML='The current window is the topmost window';
      } else{
         document.querySelector('.show').innerHTML='The current window is not the topmost window';
      }
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính trên cùng của Cửa sổ HTML

Nhấp vào “ Kiểm tra cửa sổ hiện tại là trên cùng ”Để kiểm tra xem cửa sổ hiện tại có phải là cửa sổ trên cùng hay không:

Thuộc tính trên cùng của Cửa sổ HTML