JavaScript предупреждение - запросить - подтвердить диалоговые окна
Предупреждение JavaScript - Диалоговое окно
Описание
alert () - это простая функция для отображения сообщения в диалоговом окне (также называемом блоком предупреждений). Вот простой пример для отображения текста в окне предупреждения.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Javascript alert box example-1</title>
</head>
<body>
<h1 style="color: red">JavaScript alert() box example</h1>
<hr />
<script type="text/javascript">
alert("This is a alert box");
</script>
</body>
</html>
Давайте поместим некоторые переменные в окно предупреждения.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript alert box example-2</title>
</head>
<body>
<h1 style="color: red">JavaScript alert() box example</h1>
<hr />
<script type="text/javascript">
mess1='Highest marks in Mathematics : ';
math=99;
alert(mess1+math);
</script>
</body>
</html>
Подсказка JavaScript - Диалоговое окно
Описание
Метод alert () не может взаимодействовать с посетителем. Для взаимодействия с пользователем мы используем prompt (), который просит посетителя ввести некоторую информацию и сохраняет информацию в переменной.
Смотрите следующий веб-документ.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript prompt() example-2</title>
</head>
<body>
<script type="text/javascript">
visiter_name = prompt("Input your name : ")
if(visiter_name != null && visiter_name != "")
alert("Your Name is : "+visiter_name);
else
alert("Blank name ...!")
</script>
</body>
</html>
Подтверждение JavaScript - Диалоговое окно
Описание
Подтверждение () отображает диалоговое окно с двумя кнопками, OK и Отмена и текст в качестве параметра. Если пользователь нажимает кнопку ОК, подтвердите () возвращает значение true, а при нажатии кнопки Отмена подтверждение () возвращает значение false.
Смотрите следующий веб-документ.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript confirm box example </title>
</head>
<body>
<h1 style="color: red">JavaScript confirm() box example</h1>
<hr />
<script type="text/javascript">
mess1='Press Ok to Continue.';
math=99;
x = confirm(mess1);
if (x == true)
{
alert("You have clicked on Ok Button.");
}
else
{
alert("You have clicked on Cancel Button."); }
</script>
</body>
</html>
Поддерживаемый браузер
Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
да | да | да | да | да |
Предыдущая: JavaScript: Цветовые значения
Далее: чтение и запись в HTML-документ
Новый контент: Composer: менеджер зависимостей для PHP , R программирования