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 api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
JQuery表格内容过滤的实现方法
Jul 05 Javascript
JS中Location使用详解
May 12 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
Oct 16 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
tracking.js页面人脸识别插件使用方法
Apr 16 Javascript
Vue程序调试的方法
Jun 17 Javascript
JS实现音量控制拖动
Jan 15 Javascript
关于JS中的作用域中的问题思考分享
Apr 06 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
ThinkPHP写第一个模块应用
2012/02/20 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
JS跨域总结
2012/08/30 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
Python 开发Activex组件方法
2009/11/08 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
python对于requests的封装方法详解
2019/01/03 Python
python中使用while循环的实例
2019/08/05 Python
python多线程扫描端口(线程池)
2019/09/04 Python
python实现PCA降维的示例详解
2020/02/24 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
美国探亲签证邀请信
2014/02/05 职场文书
授权委托书
2014/09/17 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
节约用电倡议书
2015/04/28 职场文书
毕业论文致谢词
2015/05/14 职场文书
党支部半年考察意见
2015/06/01 职场文书
零基础学java之带参数以及返回值的方法
2022/04/10 Java/Android