javascript常用对话框小集
javascript常用对话框小集
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functionconfirmFun(){//window是文档对象模型的最顶层对象,//在调用它下面的自对象或方法时wi...

复制代码 代码如下:

<!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="是否对话框" /><br />

<input type="button" value="输入框" /><br />

<input type="button" value="弹出页面" /><br />

<input type="text" id="msg" /><br />

<input type="button" value="延时执行" /><br />

<input type="button" value="取消延时" /><br />

<input type="button" value="间隔执行" /><br />

<input type="button" value="停止间隔执行" /><br />

<input type="button" value="新消息提示" /><br />

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类