Home > Article > Web Front-end > JS弹出对话框实现方法(三种方式)_javascript技巧
JS弹出对话框实现方法(三种方式)_javascript技巧
- WBOYOriginal
- 2016-05-16 15:24:452526browse
本文实例讲述了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程序设计有所帮助。
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：jQuery中trigger()与bind()用法分析_jqueryNext article：JavaScript ParseFloat()方法_javascript技巧