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 相关文章推荐
用javascript实现的激活输入框后隐藏初始内容
Jun 29 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
浅谈Vue数据响应思路之数组
Nov 06 Javascript
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
jquery绑定事件 bind和on的用法与区别分析
May 22 jQuery
微信小程序实现电子签名并导出图片
May 27 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完全过滤HTML,JS,CSS等标签
2009/01/16 PHP
浅析PHP的ASCII码转换类
2013/07/05 PHP
PHP输出一个等腰三角形的方法
2015/05/12 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
Jquery submit()无法提交问题
2013/04/21 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
2016/12/24 Javascript
javascript history对象详解
2017/02/09 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
研究Python的ORM框架中的SQLAlchemy库的映射关系
2015/04/25 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
python opencv进行图像拼接
2020/03/27 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
python基于openpyxl生成excel文件
2020/12/23 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
欧洲著名的珠宝和手表网上商城:uhrcenter
2017/04/10 全球购物
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
大专生简历的自我评价
2013/11/26 职场文书
部队学习十八大感言
2014/01/11 职场文书
教师节活动主持词
2014/04/02 职场文书
《大海那边》教学反思
2014/04/09 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
单位领导婚礼致辞
2015/07/28 职场文书
python基础之停用词过滤详解
2021/04/21 Python