Открыть/закрыть новое окно браузера

• open() - предназначен для открытия окон (вкладок);
• close() - предназначен для закрытия окон. В основном используется для закрытия окон открытых методом open();
• print() - предназначен для печати содержимого окна;
• focus() - предназначен для передачи фокусу указанному окну;
• blur() - предназначен для удаления фокуса с указанного окна.

Открытие нового окна или вкладки

• url – адрес ресурса, который необходимо загрузить в новое окно или вкладку (если в качестве url указать пустую строку, то туда будет загружена пустая страница "about:blank"). Если указан url без параметров, то будет открыто не окно, а вкладка.
• windowName – имя нового окна. Может быть использовано в параметре target в формах. Если позднее вызвать window.open() с тем же именем, то браузеры (кроме IE) заменяют существующее окно на новое.;
• windowFeature – необязательный параметр для настройки свойств нового окна (свойства указываются в формате «свойство=значение» через запятую и без пробелов).

Настройки окна windowFeature:

• left и top (число) – положение левого верхнего угла окна относительно экрана (значения этих свойств должны быть больше или равны 0).
• height и width (число) — размеры окна (его высота и ширина); основная масса браузеров имеет ограничения на минимальные значения этих свойств (в большинстве случаев – это не меньше 100).
  Если координаты и размеры не указаны, то обычно браузер открывает не окно, а новую вкладку.
• menubar (true/false") – во включённом состоянии отображает строку меню браузера.
• toolbar (true/false") – включает панель навигации браузера; показ кнопок панели инструментов ("Назад", "Вперёд", "Обновить", "Остановить") и панель закладок (если она отображается в родительском окне).
• location (true/false") – определяет нужно ли показывать адресную строку. По умолчанию Firefox и IE не позволяют скрывать строку адреса.
• resizable (true/false") — свойство, которое позволяет включить (yes) или выключить (no) возможность изменения размеров нового окна.
• scrollbars (true/false") – предназначено для включения (yes) или выключения (no) полос прокрутки для нового окна.
• status (true/false") – определяет нужно ли отображать строку состояния или нет.

1     
<input type="button" value="Показать пустое окно" 
onClick='window.open("", "", "width=100,height=400")'> 

<script> 
  function Hello(){
  var newWin = window.open("", "", "width=200,height=100");
  newWin.document.write("<p style='color:red;'>Привет, мир!</p>");        
  }
</script>
<input type="button" value="Hello" onClick=Helo()>

  

2

2
<input type="button" onClick="window.open('calculator.html', 'newWin', 'Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0, Copyhistory=1, width=300,height=250')"
value="Калькулятор" style="cursor: pointer; color: #fee60a;>

Как открыть ссылку в новой вкладке

• Ctrl + клик;
• контекстное меню под правой кнопкой мыши;
• двойной клик на колесике мыши.

JavaScript