■以下のボタンをクリックすると警告ダイアログボックスを表示します。
■以下のボタンをクリックすると確認ダイアログボックスを表示します。
［OK］ボタンをクリックすると背景色が変更され、［キャンセル］ボタンをクリックすると背景色は変更されません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>警告、確認ダイアログボックスを開きたい</title>
<script type="text/JavaScript">
<!--
function alt_disp(){
alert("警告ウインドウの表示\nメッセージは\n改行もできます。");
}
function conf_disp(){
ok = confirm("確認ウインドウの表示\n背景色を変更します。\nよろしいですか？");
if (ok == true) {
document.bgColor = "#ccffcc";
}
}
// -->
</script>
</head>
<body>
<p>■以下のボタンをクリックすると警告ダイアログボックスを表示します。</p>
<form><p><input type="button" value="警告ダイアログボックスの表示" onclick="alt_disp()"></p></form>
<p>■以下のボタンをクリックすると確認ダイアログボックスを表示します。<br>
［OK］ボタンをクリックすると背景色が変更され、［キャンセル］ボタンをクリックすると背景色は変更されません。</p>
<form><p><input type="button" value="確認ダイアログボックスの表示" onclick="conf_disp()"></p></form>
</body>
</html>