`
百合不是茶
  • 浏览: 351769 次
社区版块
存档分类
最新评论

location和history对象

阅读更多

 

 

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>



 

 

 

 

 

  • 大小: 266.8 KB
  • 大小: 4 KB
0
0
分享到:
评论

相关推荐

    JavaScript编程中window的location与history对象详解

    总之,location和history对象在JavaScript编程中扮演着非常重要的角色,它们不仅能够帮助开发者获取和操作URL信息,还能通过控制浏览器历史记录来提高用户在网页间的导航体验。对于JavaScript初学者而言,掌握这两个...

    【温故而知新】JavaScript的BOM之Screen:Location:History对象.md

    本文详细介绍了BOM中的`Screen`对象、`Location`对象和`History`对象。通过这些对象,开发者能够更好地与用户的浏览器进行交互,从而提升用户体验。理解并掌握这些对象的使用方法对于前端开发尤为重要。希望本文能够...

    j2ee06js04.Bom浏览器对象(包含document、location、history)

    History对象则在单页应用(SPA)中发挥关键作用,帮助用户在不同的“视图”之间平滑切换,而无需完整页面的加载。 了解并熟练掌握这些BOM对象的用法,对于提升J2EE应用的用户体验和性能至关重要。开发者可以通过...

    6004+《JavaScript程序设计》期末复习指导最新答案.docx

    5. **浏览器对象模型(BOM)**:理解BOM的层次结构,重点掌握window对象、navigator对象、frames和框架编程、location和history对象,以及Web Storage机制。BOM允许JavaScript访问和修改浏览器的特性,如窗口大小、...

    JavaScript_高级编程(带书签版本)

    这部分深入探讨了浏览器对象模型(BOM)中的核心对象,包括Window、Document、Text、Button、Select、Location和History对象。每个对象都有自己的属性和方法,通过这些对象的操作,可以实现与浏览器交互的各种功能,...

    BOM和DOM对象的简单介绍

    BOM和DOM对象的简单介绍 在 JavaScript 中,BOM( Browser Object Model)和 DOM(Document Object Model)是两个重要的对象模型。BOM 主要关注浏览器窗口和屏幕的信息,而 DOM 则是文档对象的树形结构,从而描述了...

    javascript操作BOM对象.docx

    本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...

    BOM对象和DOM对象

    在Web开发中,BOM(Browser Object Model)对象和DOM(Document Object Model)对象是两个至关重要的概念,它们分别处理浏览器交互和HTML文档结构的解析。 **一、BOM对象** BOM,浏览器对象模型,主要负责处理...

    038HTML-DOM对象.doc

    DHTML 对象模型如图-1 所示,包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...

    DOM 高级编程

    `location`对象和`history`对象是浏览器中非常重要的两个对象,它们分别提供了关于当前页面URL的信息和历史记录的功能。 - **location对象**: - `location.href`:获取或设置当前页面的URL。 - `location.reload...

    浏览器history.js

    4. 在状态变化回调函数中,根据`state`对象和`title`来更新页面内容,实现无刷新跳转。 `history.js`还提供了其他高级功能,如支持跨域状态推送、自定义事件和回退堆栈管理等。开发者可以通过查阅文档来了解更多...

    javascript-history.go()和History.back()的区分_.docx

    ### JavaScript中的历史对象方法详解:history.go()与history.back() #### 一、引言 在Web开发中,浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录,用户可以方便地回退到之前的页面或者前进到下一个...

    javascript History对象原理解析

    需要注意的是,虽然可以改变URL,但为了确保功能的完整性和一致性,通常还需要配合location对象和路由管理来更新页面内容。 总的来说,JavaScript的History对象提供了一种强大且灵活的方式来管理用户的浏览历史,它...

    JavaScript之浏览器对象

    History对象存储了用户在浏览器中的浏览历史,但不包含具体的URL。它提供了`history.back()`和`history.forward()`方法,用于回退和前进到之前访问的页面。 五、LOCATION位置对象 Location对象表示当前页面的URL,...

    10JavaScript浏览器对象模型BOM.docx

    4. **History对象**:History对象允许开发者管理浏览器的历史记录,但出于隐私考虑,无法访问具体的浏览历史。我们可以使用`history.back()`让浏览器回退到前一页,或者`history.forward()`前进到下一页。这些操作仅...

    03 JavaScript内置对象与浏览器对象.ppt

    目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event

    javascript浏览器对象编程

    document对象常用属性和方法 window对象的常用属性和方法 history对象的常用属性和方法 location对象的常用属性和方法

Global site tag (gtag.js) - Google Analytics