BOM模型中常用对象 定义计数器 网页跳转 网页前进后退

时间:2022-09-20 18:11:16

今天上午学了的BOM模型中常用对象,了解了一部分的属性

For循环的规律

外层循环控制行

内层循环控制列

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BOM模型中常用对象</title>
<script type="text/javascript">
function testalert(){
// 有widow的时候可以省略不写window
window.alert("你好吗");
}
function testconfirm(){
// 有widow的时候可以省略不写window
var mes=window.confirm("您确定要退出吗");
/*if(mes==true)*/
if(mes){
//关闭窗口
window.close();
}
}
function testprompt(){
// 有widow的时候可以省略不写window
var name=window.prompt("请输入你的名字");
//prompt返回值是字符串 "1"
//在需要计算的时候需要转成数值类型再计算
alert(name);
}
function testscroll(){
window.scrollBy(50,50);
} </script>
</head> <body>
<input type="button" value="滚动" onClick="testscroll()">
<div style="width:2000px;height: 200px;background: red"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

定义计数器

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>计数器</title>
<script type="text/javascript">
// 定义计数器
var count=0;
function show(){
count++;
if(count==10){
// 取消定时器
window.clearInterval(timer);
}
var d=new Date();
var hour=d.getHours();
var minute=d.getMinutes();
if(minute<10){
minute="0"+minute;} var second=d.getSeconds();
if(second<10){
second="0"+second;
}
var str=hour+":"+minute+":"+second;
document.getElementById("time").innerHTML=str;
}
// 设置定时器 1000毫秒=1秒
var timer=window.setInterval("show()",1000);
</script> </head> <body>
<div id="time"> </div>
</body>
</html>

网页跳转

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>计数器</title>
<script type="text/javascript">
// 定义计数器
var count=0;
function show(){
count++;
if(count==10){
// 取消定时器
window.clearInterval(timer);
}
var d=new Date();
var hour=d.getHours();
var minute=d.getMinutes();
if(minute<10){
minute="0"+minute;} var second=d.getSeconds();
if(second<10){
second="0"+second;
}
var str=hour+":"+minute+":"+second;
document.getElementById("time").innerHTML=str;
}
// 设置定时器 1000毫秒=1秒
var timer=window.setInterval("show()",1000);
</script> </head> <body>
<div id="time"> </div>
</body>
</html>

网页前进后退

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第二页</title>
</head> <body>
<a href="peizi03.html">下一页</a>
<a href="javascript:history.go(-1)">后退</a>
<a href="javascript:history.go(1)"> 前进</a>
</body>
</html>