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的设计模式
Nov 22 Javascript
一个封装js代码-----展开收起效果示例
Jul 03 Javascript
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
jquery购物车结算功能实现方法
Oct 29 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
vue结合axios与后端进行ajax交互的方法
Jul 06 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
js实现图片推拉门效果代码实例
May 18 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 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
php断点续传之如何分割合并文件
2014/03/22 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
PHP实现的简单日历类
2014/11/29 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
ie focus bug 解决方法
2009/09/03 Javascript
javascript prototype原型操作笔记
2009/12/07 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
2017/12/07 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
python原始套接字编程示例分享
2014/02/21 Python
python中split方法用法分析
2015/04/17 Python
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
保护环境倡议书
2014/04/14 职场文书
教师读书活动总结
2014/05/07 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
2019各种保证书范文
2019/06/24 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技
python中filter,map,reduce的作用
2022/06/10 Python