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 相关文章推荐
jQuery LigerUI 使用教程入门篇
Jan 18 Javascript
jquery下checked取值问题的解决方法
Aug 09 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
jQuery下拉美化搜索表单效果代码分享
Aug 25 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 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
德生PL330的评价与改造
2021/03/02 无线电
PHP 七大优势分析
2009/06/23 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
JavaScript 原型与继承说明
2010/06/09 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
js和jquery设置disabled属性为true使按钮失效
2014/08/07 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
js实现鼠标左右移动,图片也跟着移动效果
2017/01/25 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
layer.open回调获取弹出层参数的实现方法
2019/09/10 Javascript
vue 实现一个简单的全局调用弹窗案例
2020/09/10 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
python实现sm2和sm4国密(国家商用密码)算法的示例
2020/09/26 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
金融专业应届生求职信
2013/11/02 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
python scrapy简单模拟登录的代码分析
2021/07/21 Python
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python