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 相关文章推荐
innerHTML,outerHTML,innerTEXT三者之间的区别
Jan 28 Javascript
javascript一些实用技巧小结
Mar 18 Javascript
关于js内存泄露的一个好例子
Dec 09 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
Javascript页面跳转常见实现方式汇总
Nov 28 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
小程序如何定位所在城市及发起周边搜索
Feb 11 Javascript
js实现时钟定时器
Mar 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
php 高性能书写
2010/12/11 PHP
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定
2014/06/12 PHP
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
js自动下载文件到本地的实现代码
2013/04/28 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
jQuery检测返回值的数据类型
2015/07/13 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
js不间断滚动的简单实现
2016/06/03 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
React手稿之 React-Saga的详解
2018/11/12 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
python实现一次创建多级目录的方法
2015/05/15 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
浅谈python新式类和旧式类区别
2019/04/26 Python
python交易记录链的实现过程详解
2019/07/03 Python
解决Django Haystack全文检索为空的问题
2020/05/19 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
总会计师岗位职责
2014/02/19 职场文书
2015新学期家长寄语
2015/02/26 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
革命电影观后感
2015/06/18 职场文书
2016国培学习心得体会
2016/01/08 职场文书
Go语言特点及基本数据类型使用详解
2022/03/21 Golang