Window
-
特点：获取其他BOM对象，location，history，document对象
-
方法
-
弹出框
alert(内容); 警告框
confirm(); 确认提示框，用处在用户进行退出或者删除操作时做一个提示
如果用户点击确定，返回true
如果用户点击取消，返回false
-
打开关闭网页方法
open(“新窗口URL”) 打开新窗口，返回值为window
close() 关闭窗口
-
定时器
setTimeout() 一次性定时器，返回值为唯一标识，用来取消定时器
clearTimeout(唯一标识) 取消一次性定时器
setInterval() 循环定时器，返回值为唯一标识，用来取消定时器
clearInterval(唯一标识) 取消循环定时器
-
location
-
方法
reload() 刷新页面
-
属性
href 当前页面URL路径
history
-
方法
back() 访问上一个页面
forward() 访问下一个页面
go(参数) 根据参数访问历史记录中的页面
！！！注意：次历史记录是当前窗口的历史记录，不是浏览器中的历史记录！！！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BOM</title>
</head>
<body>
<img alt="图片" src="../img/banner_1.jpg" id="banner">
<br>
<input type="button" id="reload" value="刷新">
<br>
<input type="button" id="forward" value="前进">
<br>
<input type="button" id="back" value="后退">
<script>
var num = 1;
setInterval(fun,1000);
function fun() {
num++;
if(num === 3)
{
num = 1;
}
//获取根据id获取img元素，并给元素地址赋值
var image = document.getElementById("banner");
image.src="../img/banner_"+num+".jpg";
}
</script>
<script>
//警告框
alert("我要开始表演了！");
//提示框
var bool = confirm("确定要走？");
if(bool)
{
window.close();
}
//刷新按钮
document.getElementById("reload").onclick = function(){
location.reload();
};
var href = location.href;
document.write(href);
//前进按钮
document.getElementById("forward").onclick = function () {
history.forward();
};
//后退按钮
document.getElementById("back").onclick = function () {
history.back();
};
</script>
</body>
</html>
928
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
