JavaScript ポップアップ
JavaScript では、警告ボックス、確認ボックス、プロンプト ボックスの 3 種類のメッセージ ボックスを作成できます。
JavaScriptalert()
構文: alert("sometext");
JavaScriptでalertコマンドを使用して、メッセージ警告ボックスを作成します:
<script type="text/javascript " >
alert("私はプロンプトテキストです!");
</script>
メッセージ警告ボックスはダイアログモードです。警告ボックスが表示されたら、ユーザーは [OK] ボタンをクリックする必要があります。操作を続行する前に警告ボックスを閉じてください。
alert コマンドにはパラメーターが 1 つあります。これは、ユーザーに表示する HTML 形式ではないテキスト文字列です。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
alert("我是一个警告框！");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="警告框" />
</body>
</html>JavaScriptconfirm()
JavaScriptでconfirmコマンドを使用して、メッセージ確認ボックスを作成します:
構文: confirm("sometext");
確認ボックスは通常、ユーザーがメッセージを受信したかどうかを確認するために使用されます。操作は受け付けております。
確認カードがポップアップしたら、ユーザーは「確認」または「キャンセル」をクリックしてユーザーのアクションを確認できます。
「確認」をクリックすると、確認ボックスは true を返します。「キャンセル」をクリックすると、確認ボックスは false を返します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
if (confirm("您确认要删除该条信息吗？")){
alert("您选择了删除！");
} else {
alert("您选择了不删除");
}
</script>
</head>
<body>
</body>
</html>JavaScript プロンプト()
構文: prompt("sometext","defaultvalue");
構文の説明
構文の説明
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
var name = prompt("请输入您的名字：","默认字符")
if (name!=null && name!=""){
document.write("你好，" + name + "！")
}
</script>
</head>
<body>
</body>
</html>改行
新しいファイル
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点击显示</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("我是当前显示文字\n我是换行文字");
}
</script>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
