Как открыть URL-адрес в новом окне с помощью JavaScript?
Опубликовано: 11 Декабря, 2021
В HTML тег привязки используется для очень простого открытия новых окон и вкладок. Однако необходимо сделать то же самое с помощью JavaScript. В JavaScript window.open () оказывается полезным. Метод window.open () используется для открытия нового окна браузера или новой вкладки в зависимости от настроек браузера и значений параметров.
Синтаксис:
window.open (URL, имя, спецификации, заменить);
Примечание. Все параметры необязательны.
Подход:
- Чтобы открыть URL-адрес в новом окне, убедитесь, что второй параметр не _blank.
- Остальные параметры могут быть изменены соответственно в соответствии с потребностями нового окна.
Пример 1:
Выход:
- Перед нажатием кнопки:
- После нажатия на кнопку:
Пример 2: Используйте тег привязки, чтобы открыть URL-адрес в новом окне.
<!DOCTYPE html>< html > < body style = "text-align:center;" > < h1 style = "color:green" > GeeksforGeeks </ h1 > < p > Click the button to open GeeksforGeeks in a new window. </ p > < a onclick= 'window.open(" http://www.geeksforgeeks.org/ ", "_blank", " width = 300 , height = 300 ");'> GeeksforGeeks </ a ></ body > </ html > |
Выход:
- Прежде чем нажимать на GeeksforGeeks:
- После нажатия на GeeksforGeeks:
Пример 3: Используйте тег ввода, чтобы открыть URL-адрес в новом окне.
<!DOCTYPE html>< html > < body style = "text-align:center;" > < h1 style = "color:green" > GeeksforGeeks </ h1 > < p > Click the button to open GeeksforGeeks in a new window. </ p > < input type = "button" onclick="window.open( ' http://www.geeksforgeeks.org/ ','geeks', ' toolbars = 0 , width = 300 , height = 300 , left = 200 , top = 200 , scrollbars = 1 , resizable = 1 ');" value = "Open the window" ></ body > </ html > |
Выход:
- Перед нажатием кнопки:
- После нажатия на кнопку: