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 表单验证大全
Nov 23 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
jquery操作angularjs对象
Jun 26 Javascript
JavaScript判断对象是否为数组
Dec 22 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
深入理解Vue2.x的虚拟DOM diff原理
Sep 27 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
node.js中fs文件系统目录操作与文件信息操作
Feb 24 Javascript
layui原生表单验证的实例
Sep 09 Javascript
详解前端任务构建利器Gulp.js使用指南
Apr 30 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的autoLoad自动加载机制
2012/09/27 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
代码生成器 document.write()
2007/04/15 Javascript
csdn 批量接受好友邀请
2009/02/19 Javascript
JavaScript 学习笔记(十四) 正则表达式
2010/01/22 Javascript
php与js的区别是什么
2013/08/05 Javascript
javascript中的window.location.search方法简介
2013/09/02 Javascript
js实现网页自动刷新可制作节日倒计时效果
2014/05/27 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
bootstrap多层模态框滚动条消失的问题
2017/07/21 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
python设置windows桌面壁纸的实现代码
2013/01/28 Python
Python脚本实现网卡流量监控
2015/02/14 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
python requests模拟登陆github的实现方法
2019/12/26 Python
python实现简单飞行棋
2020/02/06 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
浅谈Python __init__.py的作用
2020/10/28 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
计算机专业应届生求职信
2014/04/06 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
实习生矿工检讨书
2014/10/13 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
吴仁宝观后感
2015/06/09 职场文书
OpenCV3.3+Python3.6实现图片高斯模糊
2021/05/18 Python