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 相关文章推荐
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
Sep 02 Javascript
javascript自定义右键弹出菜单实现方法
May 25 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
vue中mint-ui环境搭建详细介绍
Apr 06 Javascript
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 Javascript
单线程JavaScript实现异步过程详解
May 19 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
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
JavaScript中的Math.E属性使用详解
2015/06/12 Javascript
封装获取dom元素的简单实例
2016/07/08 Javascript
JS实现的添加弹出层并完成锁屏操作示例
2017/04/07 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
vue弹窗组件的实现示例代码
2018/09/10 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
python列表操作使用示例分享
2014/02/21 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
Myholidays美国:在线旅游网站
2019/08/16 全球购物
《寓言两则》教学反思
2014/02/27 职场文书
电子工程专业毕业生求职信
2014/03/14 职场文书
领导新年致辞2016
2015/07/29 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS
mysql事务对效率的影响分析总结
2021/10/24 MySQL