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 相关文章推荐
用 Javascript 验证表单(form)中多选框(checkbox)值
Sep 08 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
删除select中所有option选项jquery代码
Aug 12 Javascript
JS简单实现登陆验证附效果图
Nov 19 Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
Dec 08 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
Feb 02 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
元素全屏的设置与监听实例
Nov 28 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
微信小程序实现天气预报功能(附源码)
Dec 10 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跨服务器访问方法小结
2015/05/12 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
PHPUnit + Laravel单元测试常用技能
2019/11/06 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
通过jquery实现页面的动画效果(实例代码)
2016/09/18 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
python爬虫爬取淘宝商品信息
2018/02/23 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
html5 input属性使用示例
2013/06/28 HTML / CSS
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
表扬稿范文
2015/01/17 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
开学典礼观后感
2015/06/15 职场文书
2019暑期安全倡议书!
2019/06/27 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
CSS三大特性继承性、层叠性和优先级详解
2022/01/18 HTML / CSS
Python探索生命起源 matplotlib细胞自动机动画演示
2022/04/21 Python