BOM编程对象
1.windows对象
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>windows对象</title>
<script>
/*windows对象中常用的方法: 1.open("url","打开方式","打开新窗口的宽高以及设置工具栏的显示") URL:打开的资源文件/资源地址 2.setInterval("任务",毫秒值)//经过多少毫秒重复执行 setTimeout("任务",毫秒值)//经过多少毫秒后执行一次 取消定时器: clearInterval(timerId); clearTimeout(timerId); 3.弹框的方法: alert() confirm()//确认对话框 prompt()//消息对话框和输入框 * */
function testOpen(){
window.open("表单标签02.html","_blank","width:400px;height:400px,toolbar :0",);
}
function test(){
console.log("123");
}
function testInterval(){
taskId = window.setInterval("test()",3000);
}
function testTimeout(){
taskId = window.setTimeout("test()",3000);
}
</script>
</head>
<body>
<input type = "button" value="open" onclick="testOpen()" />
<input type = "button" value="Interval" onclick="testInterval()" />
<input type = "button" value="Timeout" onclick="testTimeout()" />
</body>
</html>
2.location对象
href:改变当前url的地址,实现跳转
reload:重新刷新当前页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>location对象</title>
</head>
<script>
/* location对象: href:改变当前url的地址,实现跳转 reload:重新刷新当前页面 * */
function testHref(){
window.location.href = "windows.html";
}
function load(){
window.location.reload();
}
window.setInterval("load()",3000);
</script>
<body>
<input type = "button" value = "点我跳转" onclick = "testHref()" />
</body>
</html>
3.history对象
forward():载入下一个url
back():z载入上一个url
go(整数):装入url代替上面两个方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>history对象</title>
</head>
<script>
/* forward():载入下一个url back():z载入上一个url go(整数):装入url代替上面两个方法 * */
function testForward(){
//跳转到目标页面
window.history.forward();
}
</script>
<body>
<a href="history02.html">跳转</a>
<br />
<input type="button" value="前进" onclick="testForward()"/>
</body>
</html>
//history02.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function testBack(){
window.history.back();
}
</script>
</head>
<body>
目标页面
<br />
<input type = "button" value="回退" onclick="testBack()" />
</body>
</html>
还没有评论,来说两句吧...