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 相关文章推荐
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
5个最佳的Javascript日期处理类库分享
Apr 15 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
Apr 13 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
解决layui下拉框监听问题(监听不到值的变化)
Sep 28 Javascript
javascript实现函数柯里化与反柯里化过程解析
Oct 08 Javascript
Vue项目中如何使用Axios封装http请求详解
Oct 23 Javascript
修改vue源码实现动态路由缓存的方法
Jan 21 Javascript
最新最全的手机号验证正则表达式
Feb 24 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 getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
CI框架中类的自动加载问题分析
2016/11/21 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
js 事件小结 表格区别
2007/08/13 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
vue-cli3搭建项目的详细步骤
2018/12/05 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
python人人网登录应用实例
2014/09/26 Python
python实现每次处理一个字符的三种方法
2014/10/09 Python
python实用代码片段收集贴
2015/06/03 Python
Android分包MultiDex策略详解
2017/10/30 Python
Sanic框架蓝图用法实例分析
2018/07/17 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
Python configparser模块应用过程解析
2020/08/14 Python
css3实现3d旋转动画特效
2015/03/10 HTML / CSS
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
美国快时尚彩妆品牌:Winky Lux(透明花瓣润唇膏)
2018/11/06 全球购物
精灵市场:Pixie Market
2019/06/18 全球购物
navabi英国:设计师大码女装
2019/06/25 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
实习自我评价怎么写
2013/12/02 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
办公室经理岗位职责
2014/01/01 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
主持人开幕词
2015/01/29 职场文书
辩护词格式
2015/05/22 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
六五普法心得体会2016
2016/01/21 职场文书
如何利用React实现图片识别App
2022/02/18 Javascript
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript