Окна с уведомлением alert в Java Script
X
Заказать сайт
Заказать сайт

Окна с уведомлением alert в Java Script

312312312

Каждый третий серьезный скрипт будь-то на jQuery или чистом Java Script-е использует алерты - специальные всплывающие окошки браузера, в которых вы можете писать любые уведомления для пользователей, например, что форма отправлена, действие выполнено или какие-либо предупреждения.

Чаще всего используются именно alert-ы. Разберемся в их синтаксисе и особенностях.

Итак, чтобы применить alert, например, при нажатии на кнопку пропишите следущее:

<script type="text/javascript">
function as() {alert("Привет Гость" );}
</script>
<button type="button" onclick="as()">Простое окно alert</button>

В этом примере, при нажатии на кнопку сработает функция as(), которая запустити alert-всплывайку и в сообщении будет написано то, что мы прописали в кавычках. Заметьте, страница не будет обновляться как бы до конца, до тех пор, пока мы не нажмем Ок на всплывайке. Это очень удобно, например, если делать переадресацию таким образом:

<script type="text/javascript">
function as2() {alert("Переход на другую страницу" ); window.location='https://blogprogram.ru/';}
</script>
<button type="button" onclick="as2()">Перейти на другую страницу</button>

То перед переадресацией всплывет alert-уведомление и только после того, когда пользователь нажмет Ок - произойдет переадресация на заданную страницу. Кстати, для запуска alert-ов не требуется заранее подключенная библиотека jQuery, так как данная функция использует синтаксис чистого Java Script-а.

Чтобы сделать перевод строки в alert-е используйте символ \n (можно \r). Пример: alert("Привет \n Гость" );

Таким образом, чтобы добавить интерактивности своим скриптам используйте простые диалоговые окна alert типа и пользователи будут вам благодарны.

| | Окна с уведомлением alert в Java Script | Каждый третий серьезный скрипт будь-то на jQuery или чистом Java Script-е использует алерты - специальные всплывающие окошки браузера, в которых вы мо | https://blogprogram.ru/wp-content/uploads/2016/06/312312312-131x131.jpg