javascript常用对话框小集


Posted in Javascript onSeptember 13, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script type="text/javascript"> 
function confirmFun() { 
//window 是文档对象模型的最顶层对象, //在调用它下面的自对象或方法时window可省:confirm("是否删除?"); 
//这里会在页面的最上方弹出一个可以选择是或者否的对话框,其方法返回一个bool值,如果选择了是返回true,选择了否返回false 
var b = window.confirm("是否删除?"); 
if (b) { 
alert("正在删除中..."); 
} else { 
alert("取消了删除..."); 
} 
} 
//弹出对话框 
function propmtFun() { 
//这里提供了一个带有输入框的对话框,它的返回值是你输入的内容 
//propmt(提示消息,默认值)//输入的内容不是习近平时再次弹出,直到输入对了为止 
var re = window.prompt("国家主席是谁?", "死了"); 
while (re != "习近平") { 
re = window.prompt("国家主席是谁?", "死了"); 
// propmtFun(); 
} 
alert("欢迎进入..."); 
} 

//弹出页面 
function openFun() { 
//这里可以弹出一个新的页面,在这个方法的参数里可以设置页面的高度等属性 
//window.open(要打开的页面的路径,页面的名称,页面的属性) 
window.open("demo.htm", "", "top=0,left=0,width=300,height=200,location=no,toolbar=no,menubar=no,status=no"); 
} 
//延时执行 
var vs = null; 
function timeoutFun() { 
var vf = function () { alert("hello"); }; 
//延时执行的操作可以用一个变量记录下来 
//设置多少毫秒后执行,参数是一个方法,和延迟的时间 
vs = setTimeout(vf, 2000); //2000毫秒后执行vf方法 
} 

//取消延时执行 
function cleartimeoutFun() { 
//取消延迟执行,方法的参数是一个setTimeout()方法 
window.clearTimeout(vs); 
} 
//间隔执行 
var vi = null; 
function intervalFun() { 
var vf = function () { 
var vt = new Date(); 
// alert(vt.toLocaleTimeString()); 
//在浏览器的状态栏显示当前时间 
window.status = vt.toLocaleTimeString(); 
var text = window.document.getElementById("msg").value = vt.toLocaleTimeString(); 
}; 
//设置vf方发每隔1000毫秒执行一次 
vi = window.setInterval(vf, 1000); //每个1000毫秒执行一次vf方法 
} 
//停止间隔执行 
function clearintervalFun() { 
window.clearInterval(vi); 
} 
//新消息提示 
function msgFun() { 
var str = ""; 
var vstr = "您有新短消息,请注意查收..."; 
window.document.title = str; 
window.document.bgColor = "blue"; 
var i = 1; 
setInterval(function () { window.document.title = vstr.substr(i, 50); i++; if (i == vstr.length) { i = 0; } }, 500) 
} 
</script> 
</head> 
<body> 
<input type="button" value="是否对话框" onclick="confirmFun();" /><br /> 
<input type="button" value="输入框" onclick="propmtFun();" /><br /> 
<input type="button" value="弹出页面" onclick="openFun();" /><br /> 
<input type="text" id="msg" /><br /> 
<input type="button" value="延时执行" onclick="timeoutFun();" /><br /> 
<input type="button" value="取消延时" onclick="cleartimeoutFun();" /><br /> 
<input type="button" value="间隔执行" onclick="intervalFun();" /><br /> 
<input type="button" value="停止间隔执行" onclick="clearintervalFun();" /><br /> 
<input type="button" value="新消息提示" onclick="msgFun();" /><br /> 
</body> 
</html>
Javascript 相关文章推荐
jQuery 各种浏览器下获得日期区别
Dec 22 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 Javascript
JS实现关键字搜索时的相关下拉字段效果
Aug 05 Javascript
JS实现文件动态顺序载入的方法
Mar 07 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
Dec 20 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
jQuery点击导航栏选中更换样式的实现代码
Jan 23 Javascript
js实现textarea限制输入字数
Feb 13 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
Sep 12 #Javascript
jquery easyui滚动条部分设置介绍
Sep 12 #Javascript
jquery实现盒子下拉效果示例代码
Sep 12 #Javascript
利用jquery包将字符串生成二维码图片
Sep 12 #Javascript
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 #Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 #Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 #Javascript
You might like
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
PHP Oauth授权和本地加密实现方法
2016/08/12 PHP
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
2017/02/28 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
Javascript this指针
2009/07/30 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
javascript 兼容各个浏览器的事件
2015/02/04 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
Python递归遍历列表及输出的实现方法
2015/05/19 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
Python流程控制 while循环实现解析
2019/09/02 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
通过实例解析Python return运行原理
2020/03/04 Python
详解Python多线程下的list
2020/07/03 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
优秀生推荐信范文
2013/11/28 职场文书
会计专业求职信范文
2014/03/16 职场文书
老师对学生的寄语
2014/04/09 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python