JS Popup - создание всплывающих окон на JavaScript

JS Popup - это всплывающее окно, которое открывается поверх текущей веб-страницы при нажатии на определенную ссылку, кнопку или изображение. Оно может использоваться для показа дополнительной информации, регистрации, оповещения и т.д. В JavaScript существует несколько способов создания Popup, наиболее популярные из них - это использование функции window.open(), CSS3 и jQuery.

Примеры кода:

1. Использование функции window.open():

javascript
function openPopup() {
  window.open('https://google.com', 'popupWindow', 'width=500,height=300');
}

В данном примере при вызове функции openPopup() откроется новое окно с сайтом google.com размером 500x300 пикселей.

2. Использование CSS3:

html
Открыть Popup

  
Добро пожаловать!
  
Это всплывающее окно, созданное с помощью CSS3.
  Закрыть окно

В данном примере при нажатии на ссылку откроется всплывающее окно с заголовком и текстом, и кнопкой закрытия. Всплывающее окно создается с помощью псевдо-селектора :target и свойства display: none;.

3. Использование jQuery:

html
Открыть Popup

  
Добро пожаловать!
  
Это всплывающее окно, созданное с помощью jQuery.
  Закрыть окно

В данном примере при нажатии на ссылку с классом open-popup откроется всплывающее окно с заголовком и текстом, и кнопкой закрытия. Всплывающее окно создается с помощью методов jQuery fadeIn() и fadeOut().