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 相关文章推荐
Safari5中alert的无限循环BUG
Apr 07 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
再谈JavaScript线程
Jul 10 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
基于Vue实现可以拖拽的树形表格实例详解
Oct 18 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 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 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
PDO::commit讲解
2019/01/27 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
2013/03/06 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
Python语法快速入门指南
2015/10/12 Python
python编程实现希尔排序
2017/04/13 Python
Python中标准库OS的常用方法总结大全
2017/07/19 Python
Python函数式编程
2017/07/20 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
毕业学生推荐信
2013/12/01 职场文书
读书心得体会
2013/12/28 职场文书
2014优秀党员事迹材料
2014/08/14 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
学校安全管理制度
2015/08/06 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL
浅谈如何提高PHP代码质量之端到端集成测试
2021/05/28 PHP