«окно.открыть()» Метод JavaScript позволяет разработчикам ссылаться на другое окно внутри своей веб-страницы. Это окно вызывается, когда пользователь выполняет указанное действие.
Короче говоря, основной функционал «окно.открыть()» Метод заключается в том, чтобы открыть новое окно поверх главной веб-страницы, не нарушая интерфейс основной веб-страницы. В некоторых сценариях новое окно открывается успешно, но полоса прокрутки вообще не отображается, что создает у пользователей плохое впечатление.
В этом кратком руководстве подробно описан процесс создания вертикальной полосы прокрутки с помощью метода window.open() в JavaScript.
Как создать вертикальные полосы прокрутки с помощью «window.open()» в JavaScript?
«окно.открыть()» Метод по умолчанию добавляет вертикальную полосу прокрутки в зависимости от длины содержимого новой веб-страницы и размера открытого окна. Если содержимое веб-страницы превышает размер окна, полоса прокрутки добавляется по умолчанию без применения каких-либо свойств CSS. Однако если разработчик хочет добавить собственную полосу прокрутки, вы можете воспользоваться методами, описанными в примерах ниже.
Синтаксис
Синтаксис для «окно.открыть()» метод указан ниже:
окно. открыть ( путь , место назначения , ПобедаПодвиг )Здесь, 'путь' — это путь к веб-странице, которая будет открыта в новом окне. 'место назначения' это место появления нового окна, его можно установить на 'пустой' , «родитель» , 'себя' или 'вершина'. Третий параметр — это «winFeat» или функции окна. Он предлагает различные значения, которые можно установить в зависимости от необходимости настройки окна.
Давайте рассмотрим несколько примеров создания вертикальной полосы прокрутки во вновь открытом окне с помощью «окно.открыть()» метод.
Пример: использование функции окна «полосы прокрутки» с методом «window.open()»
В этом случае «окно.открыть()» метод используется вдоль «полосы прокрутки» Функции окна для установки вертикальной полосы прокрутки для вновь открытого окна, как показано ниже:
< голова >< тип сценария '=' 'текст/Javascript' >
функция setScroll ( ) {
был новая победа '=' окно. открыть ( 'https://linuxhint.com' , 'вершина' , 'ширина = 500, высота = 500, полосы прокрутки = да' ) ;
}
сценарий >
голова >
< тело >
< п > Нажмите кнопку ниже, чтобы открыть блог Linuxhint в - окно экрана. п > Нажми на меня кнопка >
тело >
Объяснение приведенного выше кода:
- Во-первых, «setScroll()» функция определена внутри «<скрипт>» ярлык. Также создается переменная «newWin», содержащая «окно.открыть()» метод в нем.
- Затем передайте первый параметр веб-страницы «ссылка» в метод «окно.открыть()» метод. Кроме того, установите значение «top» для второго параметра, чтобы новое окно отображалось в верхней позиции веб-браузера.
- После этого для настройки поведения окна используйте функции окна 'ширина' , 'высота' и «полосы прокрутки» чтобы установить ширину и высоту и полосу прокрутки окна соответственно.
- В конце концов создайте 'кнопка' элемент, который запускает «setScroll()» функция с использованием 'по щелчку' прослушиватель событий.
После завершения компиляции вывод выглядит следующим образом:
Вывод подтверждает, что полоса прокрутки была добавлена во вновь созданное окно.
Пример 2. Настройка полосы прокрутки вручную
Другой способ установить полосу прокрутки — использовать CSS. «переполнение-у» и «переполнение-х» свойства на вторичной странице, которая будет открыта в новом окне, как показано ниже:
< голова >< тип сценария '=' 'текст/Javascript' >
функция setScroll ( ) {
был новая победа '=' окно. открыть ( 'https://linuxhint.com' , вершина , 'ширина = 500, высота = 500, изменяемый размер, полосы прокрутки = 1);
}
<тело>
Нажмите кнопку ниже, чтобы открыть блог Linuxhint в экранном окне.
Нажмите «Мне»Описание приведенного выше кода:
- Сначала создайте «setScroll()» функция, и внутри нее используется «окно.открыть()» метод тот же, что и в приведенном выше примере.
- Также добавьте дополнительную функцию окна «изменяемый размер» и измените значение «полосы прокрутки» функции для '1' чтобы установить вертикальную полосу прокрутки.
Теперь откройте CSS-файл веб-страницы, ссылка на которую указана в качестве первого параметра «окно.открыть()» метод. В нашем случае имя веб-страницы 'Линуксинт' поэтому откройте его CSS-файл и вставьте в него следующий код:
< стиль >HTML {
переполнение - Икс : скрытый ;
переполнение - и : авто ;
}
стиль >
Вышеупомянутые свойства CSS «переполнение-х» и «переполнение-у» скройте горизонтальную полосу прокрутки и установите вертикальную полосу прокрутки для всей HTML-страницы в соответствии с длиной окна.
После вставки и компиляции приведенных выше фрагментов кода в оба файла результат будет выглядеть следующим образом:
Вывод показывает, что вертикальная полоса прокрутки была добавлена к окну, открытому с помощью метода «window.open()».
Заключение
Чтобы создать вертикальные полосы прокрутки с помощью «окно.открыть()» метод, «полосы прокрутки» функция, предоставляемая окном, может быть установлена на 'да' или '1' . Другой способ — открыть файл CSS или HTML для веб-страницы, ссылка на которую передается в качестве первого параметра в методе «window.open()», и использовать там CSS. «переполнение-х» и «переполнение-у» характеристики. В этом блоге описаны способы добавления вертикальной полосы прокрутки с помощью метода window.open() в JavaScript.