JSポップアップダイアログの実装方法(3通り)_JavaScriptスキル-jsチュートリアル-php.cn

JSポップアップダイアログの実装方法(3通り)_JavaScriptスキル

WBOY

リリース： 2016-05-16 15:24:45

オリジナル

2560 人が閲覧しました

この記事の例では、JS ポップアップダイアログボックスの実装方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

1. 警告ボックス

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框！！")
}
</script>
</head>
<body>
<input type="button" onclick="disp_alert()" value="显示警告框" />
</body>
</html>

ログイン後にコピー

2.キャンセルボックスを確認します

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("按下按钮")
if (r==true)
  {
  document.write("您按了确认！")
  }
else
  {
  document.write("您按了取消！")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_confirm()" value="显示确认框" />
</body>
</html>

ログイン後にコピー

3. 入力ボックスがあります

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("请输入您的名字","Bill Gates")
if (name!=null && name!="")
  {
  document.write("你好！" + name + " 今天过得怎么样？")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="显示提示框" />
</body>
</html>

ログイン後にコピー

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。