js对话框总结

来源：互联网发布：数据库原理视频下载编辑：程序博客网时间：2024/06/14 20:58

在javascript中有以下三种对话框。

1.只做显示提醒作用的对话框，对代码没有太大影响。

2.选择对话框，用于确认选择的，返回值为true或false的。

3.带有输入框的对话框，用于返回字符串。

下面是测试的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js对话框总结</title><script language="javascript">function test1(){    alert("test1");}function test2(){    if(confirm("你确定要跳转到百度？"))    {        location.href="http://baidu.com";    }   else    {      alert("你选择了取消");    }}function test3(){    var name=prompt("请输入您的名字","");    if(name)    {         alert("欢迎您："+ name)     } elsealert("你未输入名字");}</script></head><body><p>test1:显示对话框</p><p>  <input type="submit" name="Submit" value="提交" onclick="test1()" /></p><p>test2:选择对话框 </p><p>  <input type="submit" name="Submit2" value="提交" onclick="test2()" /></p><p>test3:输入对话框</p><p>  <input type="submit" name="Submit3" value="提交" onclick="test3()" /></p></body></html>

0 0