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

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对象详解

    主要介绍了JavaScript编程中window的location与history对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下

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

    NULL 博文链接:https://1601844782.iteye.com/blog/2270256

    js对象层次• navigator •screen•window

    o history o location o frames[]; Frame o document  anchors[]; links[]; Link  applets[]  embeds[]  forms[]; Form  Button  Checkbox  elements[]; Element  Hidden  Password ...

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

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

    javascript浏览器对象编程

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

    javaScript对象

    4. 使用history和location对象的相关属性和方法可以轻松的实现游览器中“后退”、“前进”和“刷新”按钮的功能 5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()...

    2.06 BOM操作.pdf

    BOM介绍 window对象 location对象 navigator对象 screen对象 history对象

    第6章 HTML DOM对象编程

    6.2 浏览器的主要对象 6.2.1 Window对象 ...6.2.4 History对象 6.2.5 Event 对象 6.2.6 Document对象 6.3 基于DOM的HTML元素操作 6.3.1 访问根元素 6.3.2 访问指定Id属性的元素 6.3.3 访问节点属性

    Web前端开发技术-BOM其他对象.pptx

    BOM其他对象; location对象;BOM其他对象;location常用属性:;location常用属性:; 【案例】获取URL参数 ; 【案例】获取URL参数 ; location的常用方法 ; navigator对象;... history对象;常用方法:;

    javascript高级教程

    第10章history对象 第11章layer对象 第12章字符串对象 第13章日期对象 第14章数学对象 第15章数组对象 第16章样式但实例 第17章使用小程序 第18章javaScript语言的扩展 第19章网上购物系统 第20章2000珍藏版 第21...

    HTML-DOM对象

    2、History 对象 7 2.1、属性 7 2.2、方法 7 2.3、描述 8 3、Location 对象 8 3.1、属性 8 3.2、方法 9 4、Navigator 对象 9 4.1. Navigator 对象集合 9 4.2、Navigator 对象属性 9 4.3、Navigator 对象方法 10 4.4...

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    JavaScript中BOM和DOM详解  目录 BOM(浏览器对象模型) 1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关...

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    JavaScript浏览器对象之一Window对象详解

    JavaScript提供了一组以window为核心的对象...history对象 包含了浏览器访问网页的历史信息。 除了window对象之外,其他的5个对象都是window对象的属性,它们的关系如下图: 一、window对象 window对象就是JavaScript

    js内置对象大全

    js内置对象大全;document;location.href="";history.go()

    javascript_API

    超详细JavaScript_API文档 不能满足你,任你骂。 常用事件 Global对象 String对象 Math对象 Date对象 特殊事件 Window对象 window.open() Document对象 Location对象 ...history对象 navigator对象 其他

    vue-router中的hash和history两种模式的区别

    众所周知,vue-router有两种模式,hash模式和history模式,这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: [removed] = function(event){ console.log...

    javaScript高级编程

    Javascript 高级编程主要JavaScript的基本语法,Document对象,文本对象,按钮对象,选择和隐藏对象,Location对象,history对象等等的属性和方法,最后讲述了Javascript的服务器编程;比较适合初学者;

Global site tag (gtag.js) - Google Analytics