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

JavaScript学习——BOM对象

2017-08-19 15:49 966 查看

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

2、Window 对象

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

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

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

<!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 的信息。

<!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>

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

标签：

相关文章推荐

新的分享

章节导航