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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
JS中的log对象获取以及debug的写法介绍
Mar 03 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
详谈js的变量提升以及使用方法
Oct 06 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
Vue实现导入Excel功能步骤详解
Jul 03 Vue.js
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数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
学习php过程中的一些注意点的总结
2013/10/25 PHP
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
PHP微信API接口类
2016/08/22 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
filemanage功能中用到的common.js
2007/04/08 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
Javascript数组与字典用法分析
2014/12/13 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
2016/12/14 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
2017/06/19 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
写gulp遇到的ES6问题详解
2018/12/03 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
[00:10]DOTA2全国高校联赛速递
2018/05/30 DOTA
python列出目录下指定文件与子目录的方法
2015/07/03 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
python numpy数组中的复制知识解析
2020/02/03 Python
如何在Python对Excel进行读取
2020/06/04 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
机械系大学毕业生推荐信
2013/11/27 职场文书
创业计划书——互联网商机
2014/01/12 职场文书
英语教师岗位职责
2014/03/16 职场文书
车辆转让协议书
2014/04/15 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang
Redis特殊数据类型HyperLogLog基数统计算法讲解
2022/06/01 Redis