Phương thức HTML Window resizeTo () thay đổi kích thước của một cửa sổ so với kích thước hiện tại của nó theo các giá trị được chỉ định.
Cú pháp
Sau đây là cú pháp -
window.resizeTo(w,h)
Đây w và h xác định giá trị thay đổi kích thước chiều rộng và chiều cao của cửa sổ theo pixel tương ứng.
Hãy để chúng tôi xem một ví dụ về phương thức HTML Window resizeTo () -
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: 20%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
</style>
<body>
<h1>HTML Window resizeTo() Method Demo</h1>
<button onclick="create()" class="btn">Create a new window</button>
<button onclick='resize()' class="btn">Resize the window</button>
<script>
var newWindow;
function create(){
newWindow =window.open('','','width=80,height=80');
}
function resize(){
newWindow.resizeTo(240, 240);
newWindow.focus();
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Tạo cửa sổ mới ”Để tạo một cửa sổ mới:
Bây giờ hãy nhấp vào nút “Thay đổi kích thước cửa sổ” để thay đổi kích thước cửa sổ mới tạo -
