Phương thức MoveTo () của Cửa sổ HTML di chuyển các cạnh bên trái và trên cùng của cửa sổ đến các tọa độ được chỉ định.
Cú pháp
Sau đây là cú pháp -
window.moveTo(x,y)
Ở đây, x và y xác định giá trị của việc di chuyển cửa sổ theo chiều ngang và chiều dọc theo pixel tương ứng.
Hãy để chúng tôi xem một ví dụ về Phương thức moveTo () của Window Window -
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: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } </style> <body> <h1>HTML Window moveTo() Method Demo</h1> <button onclick="create()" class="btn">Create new window and then move it</button> <script> function create(){ var newWindow =window.open('','','width=150,height=150'); newWindow.moveTo(550, 250); } </script> </body> </html>
Đầu ra
Nhấp vào “ Tạo cửa sổ mới và sau đó di chuyển nó ”Để tạo một cửa sổ mới và sau đó di chuyển nó bằng cách sử dụng phương thức moveTo () -