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 相关文章推荐
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
js输入框邮箱自动提示功能代码实现
Dec 10 Javascript
详解AngularJS中的http拦截
Feb 09 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
Jun 15 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 Javascript
JSONP解决JS跨域问题的实现
May 25 Javascript
vue实现信息管理系统
May 30 Javascript
原生js实现html手机端城市列表索引选择城市
Jun 24 Javascript
html中两种获取标签内的值的方法
Jun 16 jQuery
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
6种php上传图片重命名的方法实例
2013/11/04 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
php表单请求获得数据求和示例
2014/05/15 PHP
PHP正则替换函数preg_replace和preg_replace_callback使用总结
2014/09/22 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
php构造函数的继承方法
2015/02/09 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
jQuery搜索子元素的方法
2015/02/10 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
详解wow.js中各种特效对应的类名
2017/09/13 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
JavaScript如何操作css
2020/10/24 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
Pycharm更换python解释器的方法
2018/10/29 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
jupyter notebook 增加kernel教程
2020/04/10 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
青年志愿者先进事迹
2014/05/06 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
个人党性分析材料
2014/12/19 职场文书
小学推普周活动总结
2015/05/07 职场文书
Python中使用ipython的详细教程
2021/06/22 Python
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python