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 Ajax 全解析
Feb 08 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 Javascript
js弹出对话框方式小结
Nov 17 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
vue制作抓娃娃机的示例代码
Apr 17 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
Jun 05 Javascript
微信小程序实现电子签名功能
Jul 29 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
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
javascript匿名函数应用示例介绍
2014/03/07 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
2017/08/01 jQuery
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
Python中的匿名函数使用简介
2015/04/27 Python
Python找出9个连续的空闲端口
2016/02/01 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
html5简介及新增功能介绍
2020/05/18 HTML / CSS
施华洛世奇德国官网:SWAROVSKI德国
2017/02/01 全球购物
大学生个人求职信范文
2013/09/21 职场文书
学习新党章思想汇报
2014/01/09 职场文书
优秀村官事迹材料
2014/01/10 职场文书
文明村镇申报材料
2014/05/06 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
关于工作经历的证明书
2014/10/11 职场文书
银行党员批评与自我批评
2014/10/15 职场文书
2015年国庆节慰问信
2015/03/23 职场文书
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL