ajax入门 -- ITCast在线课程签约讲师严重公告：www.thc123.***，系列域名全部被抢注，请大家勿再访问！！！

目前在成都国信安任教,因为平常课程比较多,上网时间就比较少,,希望不要因为我没有回复QQ留言而骂我,其实我很无辜的,呵呵!!
预祝各位兄弟姐妹新春快乐!! 欢迎大家常常偶尔经常时常随时有事没事去偶的淘宝小店逛下. shop.thc56.com

posts - 375, comments - 7164, trackbacks - 375, articles - 1

博客园 :: 首页 :: 新随笔 :: :: 订阅

:: 管理

javascript入门系列演示·三种弹出对话框的用法实例

Posted on 2006-08-04 18:49 天轰穿阅读(26631) 评论(25) 编辑收藏网摘所属分类: 学习笔记 JavaScript入门系列

对话框有三种

1：只是提醒，不能对脚本产生任何改变；

2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断

3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片

下面我们分别演示：

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>三种弹出对话框的用法实例</title>

function ale()

{//这个基本没有什么说的，就是弹出一个提醒的对话框

alert("我敢保证，你现在用的是演示一");

}

function firm()

{//利用对话框返回的值（true 或者 false）

if(confirm("你确信要转去天轰穿的博客？"))

{//如果是true ，那么就把页面转向thcjp.cnblogs.com

location.href="http://thcjp.cnblogs.com";

}

else

{//否则说明下了，赫赫

alert("你按了取消，那就是返回false");

}

function prom()

{

var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ，

//这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值

if(name)//如果返回的有内容

{

alert("欢迎您："+ name)

}

</script>

</head>

<body>

<p>对话框有三种</p>

<p>1：只是提醒，不能对脚本产生任何改变；</p>

<p>2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if

else

判断 </p>

<p>3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 </p>

<p>下面我们分别演示：</p>

<p>演示一：提醒对话框</p>

<p>

</p>

<p>演示二：确认对话框 </p>

<p>

</p>

<p>演示三：要求用户输入，然后给个结果</p>

<p>

</p>

</body>

</html>

Feedback

#1楼  回复 引用

2006-10-22 21:12 by 西北望[匿名][未注册用户]

看你的Blog比看书好多了。

#3楼  回复 引用 查看

2006-11-16 17:18 by 耀眼冰蓝

用三个很平常的字,
但代表了我的全部,
这三个字是:谢谢你

#4楼  回复 引用

2006-12-13 17:15 by acheng[未注册用户]

我发现你的教程对我真的很好用,再次代表像我一样受益的人对你表示真诚的感谢!
也祝你天天开心,工作顺利!

#5楼  回复 引用

2007-01-09 15:37 by wuyis-llq[未注册用户]

天哥太佩服你了
这些资料对我帮助太大了
谢谢了

#9楼  回复 引用

2007-02-15 22:04 by bopo[未注册用户]

very good!

#10楼  回复 引用

2007-05-22 12:26 by joejoe[未注册用户]

实在太谢谢你了！

#11楼  回复 引用

2007-06-19 17:38 by 魏强[未注册用户]

谢谢你了，网络因为有你而精彩

#13楼  回复 引用

2007-11-29 13:39 by 鄙视镜子[未注册用户]

川哥好厉害啊！你怎么会这么强呢？

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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>三种弹出对话框的用法实例</title>
<script language="javascript">
function ale()
{//这个基本没有什么说的，就是弹出一个提醒的对话框
alert("我敢保证，你现在用的是演示一");
}
function firm()
{//利用对话框返回的值（true 或者 false）
if(confirm("你确信要转去天轰穿的博客？"))
{//如果是true ，那么就把页面转向thcjp.cnblogs.com
location.href="http://thcjp.cnblogs.com";
}
else
{//否则说明下了，赫赫
alert("你按了取消，那就是返回false");
}
}
function prom()
{
var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ，
//这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值
if(name)//如果返回的有内容
{
alert("欢迎您："+ name)
}
}
</script>
</head>

<body>
<p>对话框有三种</p>
<p>1：只是提醒，不能对脚本产生任何改变；</p>
<p>2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 ifelse判断 </p>
<p>3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 </p>
<p>下面我们分别演示：</p>
<p>演示一：提醒对话框</p>
<p>
<input type="submit" name="Submit" value="提交" onclick="ale()" />
</p>
<p>演示二：确认对话框 </p>
<p>
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
</p>
<p>演示三：要求用户输入，然后给个结果</p>
<p>
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</p>
</body>
</html>