JS弹出对话框实现方法(三种方式)

前端技术 2023/09/04 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/11450

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案