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 相关文章推荐
Javascript类库的顶层对象名用户体验分析
Oct 24 Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
JS中获取函数调用链所有参数的方法
May 07 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
Aug 29 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
微信小程序自定义组件实现环形进度条
Nov 17 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
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
php中cookie的使用方法
2014/03/29 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
javascript中的几个运算符
2007/06/29 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
基于JS实现PHP的sprintf函数实例
2015/11/14 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
jQuery实现Select左右复制移动内容
2016/08/05 Javascript
webpack4.x打包过程详解
2018/07/18 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
vue学习笔记之给组件绑定原生事件操作示例
2020/02/27 Javascript
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
Python 爬虫的工具列表大全
2016/01/31 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
HTML5 在canvas中绘制文本附效果图
2014/06/23 HTML / CSS
关于元旦的广播稿
2014/02/16 职场文书
老师的检讨书
2014/02/23 职场文书
《骑牛比赛》教后反思
2014/04/22 职场文书
中学生运动会口号
2014/06/07 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
学习与创新自我评价
2015/03/09 职场文书
春节随笔
2015/08/15 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
SQL优化老出错,那是你没弄明白MySQL解释计划用法
2021/11/27 MySQL
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL