Как открыть ссылку в новом окне с помощью JavaScript

by

JavaScript предлагает полезный способ открыть ссылку в новом окне, потому что вы контролируете, как окно будет выглядеть и где оно будет размещено на экране, путем включения спецификаций.

Деги Адиль / EyeEm / Getty Images

Синтаксис для метода JavaScript Window Open ()

Чтобы открыть URL-адрес в новом окне браузера, используйте метод Javascript open (), как показано здесь:

window.open (URL, имя, спецификации, заменить)

Параметр URL

Помимо открытия окна, вы также можете настроить каждый из параметров. Например, приведенный ниже код открывает новое окно и определяет его внешний вид с помощью параметров.

Введите URL-адрес страницы, которую хотите открыть, в новом окне. Если вы не укажете URL-адрес, откроется новое пустое окно:

window.open ("https://www.somewebsite.com", "_blank", "toolbar = yes, top = 500, left = 500, width = 400, height = 400");

Имя Параметр

Параметр name устанавливает цель для URL-адреса. URL-адрес открывается в новом окне по умолчанию и обозначается следующим образом:

  • _blank: Открывает новое окно для URL.

Другие варианты, которые вы можете использовать, включают:

  • _self: Заменяет текущую страницу URL-адресом.
  • _parent: Загружает URL-адрес в родительский фрейм.
  • _Топ: Заменяет все загруженные наборы фреймов.

Технические характеристики Параметр

Параметр specs — это то место, где вы настраиваете новое окно, вводя список, разделенный запятыми, без пробелов. Выберите одно из следующих значений.

  • высота = пикселей: Эта спецификация устанавливает высоту нового окна в пикселях. Минимальное значение, которое можно ввести, — 100.
  • ширина = пикселей: Эта спецификация устанавливает ширину нового окна в пикселях. Минимальное значение — 100.
  • left = пикселей: Эта спецификация устанавливает левую позицию нового окна. Нельзя вводить отрицательные значения.
  • top = пикселей: Эта спецификация устанавливает верхнюю позицию нового окна. Отрицательные значения использовать нельзя.
  • menubar = да | нет | 1 | 0: Используйте эту спецификацию, чтобы указать, отображать ли строку меню. Используйте слова «да / нет» или двоичное значение 1/0.
  • статус = да | нет | 1 | 0: Указывает, нужно ли добавлять строку состояния. Как и в строке меню, вы можете использовать слова или двоичные значения.

Некоторые спецификации зависят от браузера:

  • расположение = да | нет | 1 | 0: Эта спецификация указывает, следует ли отображать поле адреса. Только для браузера Opera.
  • resizeable = да | нет | 1 | 0: Определяет, можно ли изменить размер окна. Только для использования с IE.
  • расположение = да | нет | 1 | 0: Указывает, следует ли отображать полосы прокрутки. Совместим только с IE, Firefox и Opera.
  • панель инструментов = да | нет | 1 | 0: Определяет, показывать ли панель инструментов браузера. Совместим только с IE и Firefox.

Заменить параметр

Этот необязательный параметр имеет только одну цель — указать, заменяет ли URL, открывающийся в новом окне, текущую запись в списке истории браузера или отображается как новая запись.

  • когда правда, URL-адрес заменяет текущую запись браузера в списке истории.
  • когда ложный, URL-адрес отображается как новая запись в списке истории браузера.