JavaScript学习——BOM对象

时间:2022-01-01 19:32:18

1、BOM 对象:浏览器对象模型(操作与浏览器相关的内容)

2、Window 对象

 Window 对象表示浏览器中打开的窗口

JavaScript学习——BOM对象

setInterval():它有一个返回值,主要是提供给 clearInterval 使用

setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用

clearInterval():该方法只能清除由 setInterval 设置的定时操作

clearTimeout():该方法只能清除由 setTimeout 设置的定时操作

弹出框的几个方法:

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Window对象</title>
<script>
//警告框
alert("啊哈!");
//确认删除框
confirm("您确认删除吗?");
//输入框
prompt("请输入价格");
</script>
</head>
<body>
</body>
</html>

3、History对象

 History 对象包含用户(在浏览器窗口中)访问过的 URL

JavaScript学习——BOM对象

执行这段代码之前要有历史页面,可以是超链接跳转到此页面。

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>History对象</title>
<script>
function fanhui(){
history.go(-1);
//history.back();
}
</script>
</head>
<body>
<input type="button" value="返回上一页" onclick="fanhui()" />
</body>
</html>

go(参数)

参数:-1 返回上一个历史记录页面;-2 返回上上一个历史记录页面,1 进入下一个历史记录页面。

3、Location对象

 Location 对象包含有关当前 URL 的信息。

JavaScript学习——BOM对象

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Location对象</title>
</head>
<body>
<input type="button" value="跳转到History页面" onclick="javascript:location.href='02_History对象.html'"/>
</body>
</html>