Thuộc tính tự Cửa sổ HTML trả về cửa sổ hiện tại của trình duyệt.
Cú pháp
Sau đây là cú pháp -
window.self
Hãy để chúng tôi xem một ví dụ về Thuộc tính tự 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 self Property Demo</h1>
<button onclick="create()" class="btn">Check current window is topmost using self property</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
Nhấp vào “ Kiểm tra cửa sổ hiện tại là trên cùng bằng cách sử dụng thuộc tính riê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 và để hiểu cách tự hoạt động -
