网站首页 > 文章精选 正文
在JavaScript中有三种样式的对话框,分别起到提示、确认和输入的作用,对应三种函数:alert、confirm、prompt
alert:该对话框只用于提醒,不能对脚本产生任何变化,他只有一个参数,即为需要提示的信息,没有返回值。
confirm:该对话框一般用于确认信息。他只有一个参数,返回值为true或false。
prompt:该对话框可以进行输入,并返回用户输入的字符串。他有两个参数,第一个参数显示提示信息,第二个参数显示输入框(和默认值)。
前端学习,就上以人为本前端学习网!www.yirenweiben.com
Example:
<!DOCTYPE html>
<html>
<head lang=”en”>
<meta charset=”UTF-8″>
<title>三种弹出对话框的用法实例</title>
<script language=”JavaScript”>
function ale(){
alert(“嘿嘿,演示一完毕”);
}
function firm(){
if(confirm(“确定跳转到“以人为本前端学习”?”)){
// 这是在本窗口打开
// location.href=”http://www.yirenweiben.com”;
// 新窗口打开
window.open(“http://www.yirenweiben.com/”,”_blank”);
}else{
alert(““以人为本前端学习”的网址是www.yirenweiben.com欢迎常来!”);
}
}
function prom(){
var name = prompt(“请输入您的名字”,”张三”);
if (name != null & name!=””){
alert(“欢迎您:” + name);
}else{
alert(“请输入您的名字!”);
}
}
</script>
</head>
<body>
<p>对话框有三种</p>
<p>1:只是用于提醒,不能对脚本产生任何改变;</p>
<p>2:一般用于确认,返回true或者false;</p>
<p>3:一个带输入的对话框,可以返回用户填入的字符串</p>
<p>下面我们分别演示:</p>
<p>演示一:提醒对话框</p>
<input type=”submit” value=”提交” onclick=”ale()”>
<p>演示二:确认对话框</p>
<input type=”submit” value=”提交” onclick=”firm()”>
<p>演示三:要求用户输入,然后给个结果</p>
<input type=”submit” value=”提交” onclick=”prom()”>
</body>
</html>
- 上一篇: JavaScript 关闭浏览器 (不弹出提示框)
- 下一篇: HTML 标签
猜你喜欢
- 2025-01-20 「JavaScript 从入门到精通」18.WebApi介绍
- 2025-01-20 Js基础8:常见内容操作
- 2025-01-20 JavaScript技术:如何动态添加事件?
- 2025-01-20 JavaScript Window History
- 2025-01-20 从零开始学Vue!详解v-text、v-html、v-on、v-show、v-if
- 2025-01-20 JavaScript中常见的几种错误
- 2025-01-20 用好电脑浏览器的这些设置,不做别人免费的挖矿机
- 2025-01-20 刷新你的认知!12 个不为人知的 JavaScript 冷知识
- 2025-01-20 HTML 标签
- 2025-01-20 JavaScript 关闭浏览器 (不弹出提示框)
你 发表评论:
欢迎- 02-06京东首发叮咚Play!智能音箱第二场大战,屏幕或成兵家必争之重点
- 02-06救星来了?高通将大力支持智能音箱厂商
- 02-06WPS越用越卡慢 金山公司可有体验一下?
- 02-06联想小新犀利升级 16日电商节火热开售
- 02-06平板将迎来大变,紫光展锐做好“芯”准备
- 02-06高通的第二战场:汽车、5G、IoT一年卖30亿
- 02-06起底智能音箱行业:八大芯片厂商及其代表产品大盘点
- 02-06一文读懂智能音箱产业链
- 最近发表
- 标签列表
-
- react官网 (408)
- esd文件 (378)
- 更新目录 (379)
- 数据抓取 (373)
- pip换源 (412)
- display:none (369)
- img文件怎么打开 (475)
- a标签怎么去掉下划线 (376)
- git拉取代码 (435)
- 图片代码 (411)
- user-select (415)
- 访问github (415)
- 服务主机本地系统cpu占用高 (401)
- e.target (437)
- pycharm主题 (395)
- 火狐浏览器插件 (408)
- file.exists (413)
- js文件 (425)
- ip更换 (389)
- mssql和mysql区别 (366)
- 755权限 (389)
- requesttimeout (384)
- mysql默认密码 (398)
- pcm文件 (387)
- ipython和python区别 (387)
- 最新留言
-
本文暂时没有评论,来添加一个吧(●'◡'●)