Открытие окон и методы window

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/popup-windows.

Всплывающее окно («попап» – от англ. Popup window) – один из старейших способов показать пользователю ещё один документ.

В этой статье мы рассмотрим открытие окон и ряд тонких моментов, которые с этим связаны.

…При запуске откроется новое окно с указанным URL.

Большинство браузеров по умолчанию создают новую вкладку вместо отдельного окна, но чуть далее мы увидим, что можно и «заказать» именно окно.

Блокировщик всплывающих окон

Рекламные попапы очень надоели посетителям, аж со времён 20-го века, поэтому современные браузеры всплывающие окна обычно блокируют. При этом пользователь, конечно, может изменить настройки блокирования для конкретного сайта.

Всплывающее окно блокируется в том случае, если вызов window.open произошёл не в результате действия посетителя.

Как же браузер понимает – посетитель вызвал открытие окна или нет?

Для этого при работе скрипта он хранит внутренний «флаг», который говорит – инициировал посетитель выполнение или нет. Например, при клике на кнопку весь код, который выполнится в результате, включая вложенные вызовы, будет иметь флаг «инициировано посетителем» и попапы при этом разрешены.

А если код был на странице и выполнился автоматически при её загрузке – у него этого флага не будет. Попапы будут заблокированы.

Полный синтаксис window.open

Функция возвращает ссылку на объект window нового окна, либо null , если окно было заблокировано браузером.

url URL для загрузки в новое окно. name Имя нового окна. Может быть использовано в параметре target в формах. Если позднее вызвать window.open() с тем же именем, то браузеры (кроме IE) заменяют существующее окно на новое. params Строка с конфигурацией для нового окна. Состоит из параметров, перечисленных через запятую. Пробелов в ней быть не должно.

Значения параметров params .

1. Настройки расположения окна:

left/top (число)

Координаты верхнего левого угла относительно экрана. Ограничение: новое окно не может быть позиционировано за пределами экрана.

Ширина/высота нового окна. Минимальные значения ограничены, так что невозможно создать невидимое окно с нулевыми размерами.

Если координаты и размеры не указаны, то обычно браузер открывает не окно, а новую вкладку.

1. Свойства окна:

menubar (yes/no) Скрыть или показать строку меню браузера. toolbar (yes/no) Показать или скрыть панель навигации браузера (кнопки назад, вперёд, обновить страницу и остальные) в новом окне. location (yes/no) Показать/скрыть поле URL-адреса в новом окне. По умолчанию Firefox и IE не позволяют скрывать строку адреса. status (yes/no) Показать или скрыть строку состояния. С другой стороны, браузер может в принудительном порядке показать строку состояния. resizable (yes/no) Позволяет отключить возможность изменять размеры нового окна. Значение no обычно неудобно посетителям. scrollbars (yes/no) Разрешает убрать полосы прокрутки для нового окна. Значение no обычно неудобно посетителям.

1. Ещё есть небольшое количество не кросс-браузерных свойств, которые обычно не используются. Вы можете узнать о них в документации, например MDN: window.open.

Браузер подходит к этим параметрам интеллектуально. Он может проигнорировать их часть или даже все, они скорее являются «пожеланиями», нежели «требованиями».

• Если при вызове open указан только первый параметр, параметр отсутствует, то используются параметры по умолчанию. Обычно при этом будет открыто не окно, а вкладка, что зачастую более удобно.
• Если указана строка с параметрами, но некоторые yes/no параметры отсутствуют, то браузер выставляет их в no . Поэтому убедитесь, что все нужные вам параметры выставлены в yes .
• Когда не указан top/left , то браузер откроет окно с небольшим смещением относительно левого верхнего угла последнего открытого окна.
• Если не указаны width/height , новое окно будет такого же размера, как последнее открытое.

Доступ к новому окну

Вызов window.open возвращает ссылку на новое окно. Она может быть использована для манипуляции свойствами окна, изменения URL, доступа к его переменным и т.п.

В примере ниже мы заполняем новое окно содержимым целиком из JavaScript:

3 Ways to Keep a Window Always on Top on Windows 10

When you are working in Windows with limited screen space, it’s useful to have certain windows stay on top of others. Some programs in Windows automatically incorporate this “always on top” feature, but most programs don’t, and Windows doesn’t include this feature either.

Today we’ll cover three ways to easily add the “always on top” feature to every single program in Windows.

1. Use a Keyboard Shortcut with an Always on Top AutoHotkey Script

AutoHotkey is a free program that allows you to create scripts to perform multiple actions with a single keyboard shortcut. It runs in the background and sits in the system tray.

We’re going to use AutoHotkey to create a script that will keep a selected window on top of all others when you press Ctrl + Spacebar when that window is active. We’ll show you the script and explain how it works. But we’ll also provide a downloadable AutoHotkey script file you can use.

Download and install AutoHotkey and then run it.

Download the AlwaysOnTop.ahk script file, extract the .zip file, and put the script in a folder on your hard drive that won’t be moved or deleted.

The script contains some comments and then the following command:

This command sets the currently active window to always be on top when you press Ctrl + Spacebar. If you’d rather use a different key combination, you can change the first part of the command, “^SPACE“. The “^” character represents the Ctrl key. You’ll find the symbols to use for other hotkeys in the Hotkey Modifier Symbols section on this AutoHotkey help page.

You can put the script in the Windows startup folder (%AppData%\Microsoft\Windows\Start Menu\Programs\Startup), so it starts automatically when Windows starts.

The AutoHotkey script stays in the system tray.

To make the active window always on top, press Ctrl + Spacebar (or the keyboard shortcut you assigned). Press the keyboard shortcut again to disable “always on top” for the active window.

For script options, right-click on the AutoHotkey icon in the system tray.

2. Use Your Mouse with DeskPins

DeskPins provides pins you can grab and use to keep any window on top of all other windows. The program sits in the system tray and uses minimal resources.

Download and install DeskPins. Run the program, right-click the icon in the system tray, and select Options to change the Pins, Autopin, and Hotkeys settings.

On the Pins tab, you can change the color of the pins. The Tracking rate controls how often each pin checks the pinned window’s position and state. Lower values make the pins more responsive. You can enter any number from 10 to 1000 msec (milliseonds).

If you have an older computer, you may want to increase the Tracking rate number to avoid slowing down your computer.

You can also choose Single click or Double click under Tray Icon Activation to indicate how you get pins from the DeskPins system tray icon. The default is Single click.

You can have DeskPins automatically pin certain types of windows using rules on the Autopin tab.

Check the Enable box and then click Add to add a new rule. Use the check boxes next to the rules to enable and disable individual rules.

Click Help to access the DeskPins help file for more information about automatically pinning windows.

DeskPins provides default shortcuts for entering pin mode and toggling the active window pin. You can change these shortcuts on the Hotkeys tab.

To pin a window on top, click (or double-click, depending on the setting) the DeskPins icon in the system tray.

Then, click the title bar on the window you want to keep always on top.

A pin displays on the title bar of the chosen window in the color you specified, or in the default color red.

Click the pin again to disable always on top for the window.

3. Use a System Tray Menu with TurboTop

TurboTop also sits in your system tray like DeskPins. But it operates differently.

Download and install TurboTop. Then, run the program.

To keep a window always on top, click the TurboTop icon in the system tray. A list of all open windows displays. Select the title of the window you want.

Any windows you choose to be always on top are indicated with a check mark on the TurboTop menu.

To stop keeping a window always on top, click the TurboTop icon in the system tray and select that window again, so there’s no check mark next to the window name on the menu.

Bring the Always-on-Top Feature to All Windows

Whether you like using keyboard shortcuts or prefer using the mouse, there’s an easy solution for keeping windows always on top. If you’ve found other options for keeping windows always on top, let us know in the comments.

Форум

Справочник

window.open

Синтаксис

Аргументы

Описание, примеры

Метод open создает новое окно браузера , аналогично команде «Новое окно» в меню браузера. Обычно это не вкладка, а именно новое окно, но в некоторых браузерах можно настроить то или иное поведение явным образом.

Если параметр strUrl — пустая строка, то в окно будет загружен пустой ресурс about:blank.

В любом случае, загрузка осуществляется асинхронно. Создается пустое окно, загрузка ресурса в которое начнется уже после завершения исполнения текущего блока кода.

Связь между окнами

Метод open возвращает ссылку на новое окно, которая служит для обращения к нему и вызову его методов, если это соответствует ограничениям безопасности Same Origin.

Если окно с именем winName уже существует, то вместо открытия нового окна, strUrl загружается в существующее, ссылка на которое возвращается. При этом строка параметров не применяется.

В случае, когда окно открыть не удалось, например, оно заблокировано штатными Popup-blocker’ами Firefox/IE — вызов open вернет null.
Проверяйте его, если не хотите лишних ошибок в своих скриптах.

Указание пустого strUrl для существующего имени окна — удобный способ получить ссылку на это окно без его перезагрузки.

Если вы хотите открывать новое окно при каждом вызове open() — используйте для winName специальное значение ‘_blank’.

Строка параметров

Необязательная строка параметров состоит из списка разделенных запятой настроек нового окна. После открытия окна их уже нельзя будет изменить.

Если строки параметров нет или она пустая, то для нового окна будут взяты параметры по умолчанию.

Если строка параметров указана, то не перечисленные в ней параметры будут отключены(кроме titlebar/close). Поэтому включите в ней свойства, которые нужны.

Если в параметрах не указаны размеры, то новое окно будет по размеру такое же, как последнее открытое.

Если не указана позиция нового окна, то оно откроется со сдвигом в 20-30 пикселей (зависит от браузера) от последнего открытого окна.
Такой сдвиг позволяет посетителю заметить, что открылось новое окно.
Если текущее окно максимизировано, то сдвига не будет: новое тоже будет максимизировано.

Основные кроссбраузерные параметры

Параметры, касающиеся элементов управления окна, могут быть жестко установлены в конфигурации браузера. В этом случае их указание в параметрах open() не даст нужного эффекта.

left/top Расстояние от левой/верхней границы окна операционной системы до границы нового окна. Новое окно не может быть создано за границами экрана height/width Высота/ширина в пикселях внутренности нового окна, включая полосы прокрутки, если они есть. Минимальное значение: 100 menubar Если этот параметр установлен в yes, то в новом окне будет меню. toolbar Если этот параметр установлен в yes, то в новом окне будет навигация (кнопки назад, вперед и т.п.) и панель вкладок location Если этот параметр установлен в yes, то в новом окне будет адресная строка directories Если этот параметр установлен в yes, то в новом окне будут закладки/избранное status Если этот параметр установлен в yes, то в новом окне будет строка состояния resizable Если этот параметр установлен в yes, то пользователь сможет изменить размеры нового окна. Рекомендуется всегда устанавливать этот параметр. scrollbars Если этот параметр установлен в yes, то новое окно при необходимости сможет показывать полосы прокрутки