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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
用js实现键盘方向键翻页功能的代码
Jun 03 Javascript
JavaScript 小型打飞机游戏实现原理说明
Oct 28 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
js实现图片无缝滚动
Dec 23 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
Vue开发过程中遇到的疑惑知识点总结
Jan 20 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
PHP 编程请选择正确的文本编辑软件
2006/12/21 PHP
PHP安全性漫谈
2012/06/28 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
JavaScript的document对象和window对象详解
2010/12/30 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
vue router demo详解
2017/10/13 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
python使用电子邮件模块smtplib的方法
2016/08/28 Python
pandas数据框,统计某列数据对应的个数方法
2018/04/11 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
工会主席岗位责任制
2014/02/11 职场文书
《我要的是葫芦》教学反思
2014/02/23 职场文书
创意广告词
2014/03/17 职场文书
绩效考核实施方案
2014/03/18 职场文书
班长竞选演讲稿
2014/04/24 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
任命书标准格式
2015/03/02 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
南京大屠杀观后感
2015/06/02 职场文书
电影开国大典观后感
2015/06/04 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers