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 相关文章推荐
js 操作css实现代码
Jun 11 Javascript
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
再谈querySelector和querySelectorAll的区别与联系
Apr 20 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
jQuery中:radio选择器用法实例
Jan 03 Javascript
AngularJS中的模块详解
Jan 29 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 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方法调用模式与函数调用模式简例
2011/09/20 PHP
php数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
php实现telnet功能示例
2014/04/08 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
php事件驱动化设计详解
2016/11/10 PHP
PDO::getAttribute讲解
2019/01/28 PHP
JS预览图像将本地图片显示到浏览器上
2013/08/25 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
JS获取指定月份的天数两种实现方法
2018/06/22 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
关于layui toolbar和template的结合使用方法
2019/09/19 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
2020/06/06 jQuery
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
什么是跨站脚本攻击
2014/12/11 面试题
别名指示符是什么
2012/10/08 面试题
工业学校毕业生自荐书
2014/01/03 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript