JS弹出对话框实现方法(三种方式)
时间：2021-07-09 08:26:47|栏目：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程序设计有所帮助。
栏 目：JavaScript代码
下一篇：使用Browserify来实现CommonJS的浏览器加载方法
本文标题：JS弹出对话框实现方法(三种方式)
本文地址：http://www.codeinn.net/misctech/154753.html
