JS弹出对话框实现方法(三种方式)


Posted in Javascript onDecember 18, 2015

本文实例讲述了JS弹出对话框实现方法。分享给大家供大家参考,具体如下:

1.警告框

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框!!")
}
</script>
</head>
<body>
<input type="button" onclick="disp_alert()" value="显示警告框" />
</body>
</html>

2.确定取消框

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("按下按钮")
if (r==true)
  {
  document.write("您按了确认!")
  }
else
  {
  document.write("您按了取消!")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_confirm()" value="显示确认框" />
</body>
</html>

3.有输入的框

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("请输入您的名字","Bill Gates")
if (name!=null && name!="")
  {
  document.write("你好!" + name + " 今天过得怎么样?")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="显示提示框" />
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
js replace替换所有匹配的字符串
Feb 13 Javascript
JavaScript中的splice()方法使用详解
Jun 09 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
javaScript语法总结
Nov 25 Javascript
详解js静态资源文件请求的处理
Aug 01 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
javascript实现前端分页功能
Nov 26 Javascript
jQuery Validate表单验证深入学习
Dec 18 #Javascript
JavaScript计划任务后台运行的方法
Dec 18 #Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 #Javascript
原生js实现移动端瀑布流式代码示例
Dec 18 #Javascript
jQuery Validate表单验证入门学习
Dec 18 #Javascript
jQuery定义插件的方法
Dec 18 #Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 #Javascript
You might like
Javascript 面向对象特性
2009/12/28 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
jquery插件制作 表单验证实现代码
2012/08/17 Javascript
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
js实现图片旋转的三种方法
2014/04/10 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
微信小程序 动画的简单实例
2017/10/12 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
2019/06/27 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
详解python之配置日志的几种方式
2017/05/22 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
python pygame实现球球大作战
2019/11/25 Python
Python读取csv文件实例解析
2019/12/30 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
python如何使用腾讯云发送短信
2020/09/17 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
python通过cython加密代码
2020/12/11 Python
IE滤镜与CSS3效果(详细整理分享)
2013/01/25 HTML / CSS
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
冰淇淋店的创业计划书
2014/02/07 职场文书
运动会方阵解说词
2014/02/12 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
工程项目经理任命书
2014/06/05 职场文书
简单通用的简历自我评价
2014/09/21 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS