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 相关文章推荐
CSDN轮换广告图片轮换效果
Mar 27 Javascript
JQuery 操作select标签实现代码
May 14 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
js中for in的用法示例解析
Dec 25 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
Feb 06 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
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 不同编码下的字符串长度区分
2009/09/26 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
javascript Prototype 对象扩展
2009/05/15 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
AngularJS基础 ng-selected 指令简单示例
2016/08/03 Javascript
angularJS Provider、factory、service详解及实例代码
2016/09/21 Javascript
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
Bootstrap模态对话框中显示动态内容的方法
2018/08/10 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
Angular如何由模板生成DOM树的方法
2019/12/23 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
对于Python的Django框架使用的一些实用建议
2015/04/03 Python
python3中str(字符串)的使用教程
2017/03/23 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
python模块导入的细节详解
2018/12/10 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
2014/10/31 面试题
个人自我鉴定范文
2013/10/04 职场文书
会计自我鉴定范文
2013/10/06 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书