您的位置：首页 > Web前端 > JavaScript

JavaScript 简单示例--窗口操作

2011-11-25 08:59 691 查看

窗口操作

1.test.html程序清单：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>窗口操作</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">



<script type="text/javascript">
var timer1, timer2;
var num = 0;
function click1() {
alert("这是一个用alert方法弹出警告窗口示例！");
}
function click2() {
if (confirm("你学会如何使用confirm窗口了吗？"));
else
alert("那就继续努力吧！");
}
function click3() {
var a = 0;
a = prompt("你喜欢哪个数字，1或者2？请在下面输入：", 1);
document.myform.count.value=a;
}
function click4() {
timer1 = setInterval("count1()", 1000);
}
function click5() {
clearInterval(timer1);
}
function click6() {
timer2 = setTimeout("count2()", 5000);
}
function count1() {
num++;
document.myform.count.value=num;
}
function count2() {
open('fz.html', '', 'height=150, width=300');
}
</script>
</head>

<body>
<center>
<h1>窗口操作</h1>
<hr/>
<form name="myform">
<input type="button" value="alert 窗口" onClick="click1();">
<input type="button" value="confirm 窗口" onClick="click2()">
<input type="button" value="prompt 窗口" onClick="click3()">
<hr/>
显示文本框：
<input type="text" name="count" size="10"/>
<hr/>
计时器1：
<input type="button" value="开始计时" onClick="click4()">
<input type="button" value="计时结束" onClick="click5()">
计时器2：
<input type="button" value="开始计时" onClick="click6()">
</form>
</center>
</body>
</html>

2.fz.html程序清单：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>辅助窗口</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">



</head>

<body onclick="self.close()">
<center>
<h2>计时结束</h2>
<hr/>
<h2>单击关闭页面</h2>
</center>
</body>
</html>

运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript function stylesheet button input timer

相关文章推荐

新的分享

章节导航