.
Web-программирование: "Java Script(JS): Всплывающие окна. Простые окна."
Автор megabax   
29.04.2014 г.
Урок 13. Управление шрифтами в CSS New Page 1

Web-программирование: "Java Script(JS): Всплывающие окна. Простые окна."

 

 

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS") и  Разработка сервиса сайта на PHP на примере партнерской программы).

 

 

Сегодня мы будем изучать всплывающие окна. Начнем с самых простых.

 

alert. Выводит текстовое сообщение:

Web-программирование: "Java Script(JS): Всплывающие окна. Простые окна."

пример:

<html>

    <head>

        <title>Урок 102. Java Script (JS): Всплывающие окна</title>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function proba() {

                alert("Hello, world!");

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

prompt. Выводит диалоговое окно с сообщение и полем для ввода данных

 

Web-программирование: "Java Script(JS): Всплывающие окна. Простые окна."

 

Пример:

<html>

    <head>

        <title>Урок 102. Java Script (JS): Всплывающие окна</title>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function proba() {

                var a=prompt("Введите что нибудь", "Что нибудь");

                alert("Вы ввели "+a);

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

confirm. Вызывает окно подтверждения с кнопка "OK" и "Cancel":

 

Web-программирование: "Java Script(JS): Всплывающие окна. Простые окна."

 

Последнее обновление ( 10.06.2014 г. )