javascript对话框

作者： JinYon
发布时间： 2013 年 05 月 05 日
1397次浏览
暂无评论
分类： JQuery

javascript对话框只要有3种方式：alert()使用频率比较高 prompt() confirm()

1.alert() 方法会创建一个独立的小窗口---对话框。

alert代码示例：

<html>
<head><title>alert的实例</title></head>
<body>
<script type="text/javascript">
alert("这是alert的输出方法");
alert("好的，我知道了");
</script>
</body>
</html>

2.prompt()方法用来要求用户输入少量的信息，该方法有两个参数：一个文本字符串向用户提出问题，第二个文本字符串是文本框中显示的初始默认值，如果第二个参数为空字符串，文本框就什么也不显示。用户在文本框中输入一个值，按OK按钮后会将该值传递给变量，没输入值，按OK按钮会传递null。

prompt代码示例：

<html>
<head><title>prompt的实例</title></head>
<body>
<script type="text/javascript">
var name=prompt("你叫什么名字","linknan");  //你叫什么名字为像用户提出问题。   linknan为文本框的初始默认值
alert(name);     //如果在文本框输出小明，就会把小明这个值传递给name并以对话框的形式弹出。
</script>
</body>
</html>

<html>
<head><title>prompt的实例</title></head>
<body>
<script type="text/javascript">
var name=prompt("你叫什么名字","")
if(name==null){     //如果用户点击了取消按钮
alert("你没告诉我你叫什么名字哦！");     //就输出：你没告诉我你叫什么名字哦！
}
else{
alert(name+"是个好名字哦！")     //如果用户输入了小明这个值，就输出小明是个好名字哦！
}
</script>
</body>
</html>

3.confirm()方法用来确认某一问题的答案，按确定按钮，对话框会返回ture，按取消按钮，对话框会返回false。用户必须单击其中一个按钮才能使程序继续执行。

confirm代码示例：

<html>
<head><title>prompt的实例</title></head>
<body>
<script type="text/javascript">
if(confirm("你是好人吗?") == true){     //如果用户单击了确定按钮
alert("原来你真是一个好人");     //输出：原来你真是一个好人
}
else{
alert("你是一个坏人");     //如果用户单击了取消按钮，就会输出：你是一个坏人
}
</script>
</body>
</html>