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入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
使用jQuery判断浏览器滚动条位置的方法
May 30 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
Jan 07 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
vue点击按钮动态创建与删除组件功能
Dec 29 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 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中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
使用js操作css实现js改变背景图片示例
2014/03/10 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
2018/10/16 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
2019/07/10 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
利用Python查看目录中的文件示例详解
2017/08/28 Python
python查看模块,对象的函数方法
2018/10/16 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
详解Python中第三方库Faker
2020/09/25 Python
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
12.4法制宣传日标语
2014/10/08 职场文书
党员查摆四风问题思想汇报
2014/10/25 职场文书
2014超市收银员工作总结
2014/11/13 职场文书
物业管理交接协议书
2016/03/24 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
Mysql数据库group by原理详解
2022/07/07 MySQL