Thuộc tính HTML Window screenLeft trả về tọa độ ngang của cửa sổ so với màn hình. Nó không được hỗ trợ bởi trình duyệt firefox.
Cú pháp
Sau đây là cú pháp -
window.screenLeft
Hãy để chúng tôi xem một ví dụ về HTML Window screenLeft Property -
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 screenLeft Property Demo</h1>
<button onclick="display()" class="btn">Show screenLeft 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.screenLeft + 'px';
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị giá trị bên trái của màn hình ”Để hiển thị tọa độ ngang của cửa sổ so với màn hình:
