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 相关文章推荐
菜单效果
Oct 14 Javascript
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
JavaScript去掉数组中的重复元素
Jan 13 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
vue--vuex详解
Apr 15 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
自定义javascript验证框架示例【附源码下载】
May 31 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
Nuxt页面级缓存的实现
Mar 09 Javascript
es6数组includes()用法实例分析
Apr 18 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
vue mvvm数据响应实现
Nov 11 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之第五天
2006/10/09 PHP
php连接mssql数据库的几种方法
2013/02/21 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
php获取网页标题和内容函数(不包含html标签)
2014/02/03 PHP
php 中的closure用法详解
2017/06/12 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
JS中style属性
2006/10/11 Javascript
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
2013/04/21 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
jQuery实现伪分页的方法分享
2016/02/17 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
Python函数参数类型及排序原理总结
2019/12/19 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
python生成word合同的实例方法
2021/01/12 Python
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
WiFi云数码相框:Nixplay
2018/07/05 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
百年校庆节目主持词
2014/03/27 职场文书
工商管理专业自荐信
2014/06/03 职场文书
大四优秀党员个人民主评议
2014/09/19 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android