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下通过$.browser来判断浏览器.
Apr 05 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
Sep 26 Javascript
javascript事件冒泡实例分析
May 13 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 Javascript
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
微信小程序如何实现在线客服功能
Oct 16 Javascript
小程序实现录音上传功能
Nov 22 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
Dec 04 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 Pear 安装及使用
2009/03/19 PHP
我的php学习笔记(毕业设计)
2012/02/21 PHP
ThinkPHP之getField详解
2014/06/20 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
jquery map方法使用示例
2014/04/23 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
javascript针对cookie的基本操作实例详解
2015/11/30 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
使用原生js编写一个简单的框选功能方法
2019/05/13 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
表达自我的市场:Society6
2018/08/01 全球购物
英国第一摩托车和摩托车越野配件商店:GhostBikes
2019/03/10 全球购物
钳工实习自我鉴定
2013/09/19 职场文书
大学生学习党课思想汇报
2014/01/03 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
化学专业自荐信
2014/05/28 职场文书
家长通知书家长意见
2015/06/03 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
高二语文教学反思
2016/02/16 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
Golang流模式之grpc的四种数据流
2022/04/13 Golang