100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 【Web前端】JavaScript的三种弹出框:警告框 确认框 提示框

【Web前端】JavaScript的三种弹出框:警告框 确认框 提示框

时间:2023-04-01 04:47:49

相关推荐

【Web前端】JavaScript的三种弹出框:警告框 确认框 提示框

JavaScript有三种不同的弹出框:警告框、确认框、提示框

1、警告框:window.alert()

当需要确保用户收到某种信息时,可以使用警告框,用户必须点击警告框上的【确定】按钮,才能继续操作。

函数参数为弹出框显示的内容。

前缀window可以省略不写,下同。

警告框

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JavaScript的弹出框</title></head><body><input type="button" value="弹出警告框" onclick="popup()"/><script type="text/javascript">function popup(){alert("点击[确定]以继续操作");}</script></body></html>

2、确认框:window.confirm()

确认框可以让用户做出一个选择,以确认接下来是否进行某种行为。

函数参数为弹出框显示的内容。

点击[确定]返回true,点击[取消]返回false。

确认框

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JavaScript的弹出框</title></head><body><script type="text/javascript">var v = confirm("是否弹出确认框");//点击[确定](返回true)则弹出一个确认框if(v){popup();}//弹出确认框function popup(){alert("点击[确定]以继续操作");}</script></body></html>

3、提示框:window.prompt()

提示框让用户在进行某种操作前可以输入信息。

例如跳转到其他网页前弹出一个提示框,让用户输入要跳转的网页地址。

该函数有两个形参,形参1为弹出框显示的内容,形参2为默认的输入值。

该框点击[确定]返回输入值,点击[取消]返回null。

提示框

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JavaScript的弹出框</title></head><body><script type="text/javascript">var v = prompt("输入你要跳转的网页地址","");if(v){open(v);}</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。