| Kosten | Четверг, 12 Сентября 2019, 20:46 | Сообщение 1 |
| Создать всплывающее окно с помощью JavaScript проще, чем думает большинство людей. Для этого требуется короткий фрагмент кода. Имейте в виду, что всплывающие окна были использованы с умом. Они могут быть очень раздражающими для пользователей, если использовать их без учета.
Javascript:
Это основной код для открытия всплывающего окна:
Код onclick="window.open('pop.html','popup','height=250,width=350,scrollbars=no');
Быстрый анализ кода выше, чтобы объяснить, что означают различные значения:
pop.html - это документ, который вы хотите загрузить во всплывающее окно;
popup - имя окна, если позже нам понадобится его для других целей;
Height & width - высота и ширина всплывающего окна;
scrollbars - указывает, хотите ли вы иметь полосу прокрутки в окне или нет, значения могут быть да и нет;
HTML
Давайте использовать этот код в реальной ссылке для создания всплывающего окна:
Код <a onclick="window.open('pop.html','popup','height=250,width=350,scrollbars=no')">Ссылка</a>
Приведенный выше код выглядит нормально, но он недействителен. Все теги привязки A должны иметь атрибут HREF, чтобы быть действительным.
Итак, давайте поместим ту же ссылку в HREF:
Код <a href="pop.html" onclick="window.open('popup.html','popup','height=250,width=350,scrollbars=no')">Ссылка</a>
Это работает, но теперь страница загружается как во всплывающее окно, так и в главное окно. Поэтому нам нужно как-то отключить ссылку в HREF, оставляя ее там для проверки.
Javascript снова приходит на помощь, return (false) отключит ссылку в HREF:
Код <a href="pop.html" onclick="window.open('pop.html','popup','height=250,width=350,scrollbars=no'); return(false);">Ссылка</a>
Это должно работать отлично, где идет ссылка на демонстрацию, чтобы проверить приведенный выше код.
| | Страна: (RU) |
| |
