history对象:
记录用户浏览过的url;提供返回的方法
back(); 前一个 forward();后一个 go();列表中具体的某个值
go(1);相当于back()
go(-1);相当于forward();
location对象:
提供当前对象的url信息
href ;返回完成的链接 reload;重新加载 replace;替换
例子;分别创建index.html和grace1.html,在index.html中可以点击grace1详情 跳转到grace1的介绍 ,在grace1.html中可以点击返回按钮返回到index.html
index.html中的代码;
<html>
<head>
<title>JavaScript的简单使用</title>
<Script type="text/JavaScript">
</Script>
</head>
<body>
<img src="image/grace1.jpg" alt="grace1"/> <br/>
<a href ="JavaScript:location.href='grace1.html'">grace1详情</a>
<a href ="JavaScript:location.reload()">刷新本页</a>
</body>
</html>
grace1.html代码
<html>
<head>
<title>grace1图片的简介</title>
<style type="text/css">
.fontChange{
font-size:bold;
color:red;
}
</style>
</head>
<body>
<div class="fontChange" >
<p>我是大姐姐</p>
<p>拜托拜托</p>
<p>爸比亲亲</p>
<p>我想要找粑粑</p>
<p>可是我也要吃很多</p>
<p>呜~~~（TvT哭）</p>
<a href="JavaScript:history.back()">返回主页</a>
</div>
</body>
</html>
相关推荐
总之，location和history对象在JavaScript编程中扮演着非常重要的角色，它们不仅能够帮助开发者获取和操作URL信息，还能通过控制浏览器历史记录来提高用户在网页间的导航体验。对于JavaScript初学者而言，掌握这两个...
本文详细介绍了BOM中的`Screen`对象、`Location`对象和`History`对象。通过这些对象，开发者能够更好地与用户的浏览器进行交互，从而提升用户体验。理解并掌握这些对象的使用方法对于前端开发尤为重要。希望本文能够...
History对象则在单页应用（SPA）中发挥关键作用，帮助用户在不同的“视图”之间平滑切换，而无需完整页面的加载。 了解并熟练掌握这些BOM对象的用法，对于提升J2EE应用的用户体验和性能至关重要。开发者可以通过...
- 第9章和第10章涉及location和history对象，用于导航和浏览历史。 - 第11章介绍了layer对象，尽管现代Web开发已不再常用，但在旧版浏览器支持中仍然重要，它允许对网页元素进行定位和操作。 - 第12章至第14章涵盖了...
5. **浏览器对象模型(BOM)**：理解BOM的层次结构，重点掌握window对象、navigator对象、frames和框架编程、location和history对象，以及Web Storage机制。BOM允许JavaScript访问和修改浏览器的特性，如窗口大小、...
这部分深入探讨了浏览器对象模型（BOM）中的核心对象，包括Window、Document、Text、Button、Select、Location和History对象。每个对象都有自己的属性和方法，通过这些对象的操作，可以实现与浏览器交互的各种功能，...
BOM和DOM对象的简单介绍 在 JavaScript 中，BOM（ Browser Object Model）和 DOM（Document Object Model）是两个重要的对象模型。BOM 主要关注浏览器窗口和屏幕的信息，而 DOM 则是文档对象的树形结构，从而描述了...
本文档主要介绍了 JavaScript 操作 BOM（ Browser Object Model）对象的相关知识点，包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
在Web开发中，BOM（Browser Object Model）对象和DOM（Document Object Model）对象是两个至关重要的概念，它们分别处理浏览器交互和HTML文档结构的解析。 **一、BOM对象** BOM，浏览器对象模型，主要负责处理...
DHTML 对象模型如图－1 所示，包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...
`location`对象和`history`对象是浏览器中非常重要的两个对象，它们分别提供了关于当前页面URL的信息和历史记录的功能。 - **location对象**： - `location.href`：获取或设置当前页面的URL。 - `location.reload...
4. 在状态变化回调函数中，根据`state`对象和`title`来更新页面内容，实现无刷新跳转。 `history.js`还提供了其他高级功能，如支持跨域状态推送、自定义事件和回退堆栈管理等。开发者可以通过查阅文档来了解更多...
### JavaScript中的历史对象方法详解：history.go()与history.back() #### 一、引言 在Web开发中，浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录，用户可以方便地回退到之前的页面或者前进到下一个...
需要注意的是，虽然可以改变URL，但为了确保功能的完整性和一致性，通常还需要配合location对象和路由管理来更新页面内容。 总的来说，JavaScript的History对象提供了一种强大且灵活的方式来管理用户的浏览历史，它...
History对象存储了用户在浏览器中的浏览历史，但不包含具体的URL。它提供了`history.back()`和`history.forward()`方法，用于回退和前进到之前访问的页面。 五、LOCATION位置对象 Location对象表示当前页面的URL，...
4. **History对象**：History对象允许开发者管理浏览器的历史记录，但出于隐私考虑，无法访问具体的浏览历史。我们可以使用`history.back()`让浏览器回退到前一页，或者`history.forward()`前进到下一页。这些操作仅...
目标掌握： javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event
document对象常用属性和方法 window对象的常用属性和方法 history对象的常用属性和方法 location对象的常用属性和方法