Phương thức HTML Window resizeBy () thay đổi kích thước của cửa sổ so với kích thước hiện tại của nó bằng các giá trị được chỉ định.
Cú pháp
Sau đây là cú pháp -
window.resizeBy(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 resizeBy () -
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 resizeBy() 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.resizeBy(100, 100);
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 “ Thay đổi kích thước cửa sổ ”Để thay đổi kích thước cửa sổ mới tạo -
