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>
相关推荐
主要介绍了JavaScript编程中window的location与history对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
NULL 博文链接:https://1601844782.iteye.com/blog/2270256
o history o location o frames[]; Frame o document anchors[]; links[]; Link applets[] embeds[] forms[]; Form Button Checkbox elements[]; Element Hidden Password ...
目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event
document对象常用属性和方法 window对象的常用属性和方法 history对象的常用属性和方法 location对象的常用属性和方法
4. 使用history和location对象的相关属性和方法可以轻松的实现游览器中“后退”、“前进”和“刷新”按钮的功能 5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()...
BOM介绍 window对象 location对象 navigator对象 screen对象 history对象
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 访问节点属性
BOM其他对象; location对象;BOM其他对象;location常用属性:;location常用属性:; 【案例】获取URL参数 ; 【案例】获取URL参数 ; location的常用方法 ; navigator对象;... history对象;常用方法:;
第10章history对象 第11章layer对象 第12章字符串对象 第13章日期对象 第14章数学对象 第15章数组对象 第16章样式但实例 第17章使用小程序 第18章javaScript语言的扩展 第19章网上购物系统 第20章2000珍藏版 第21...
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中BOM和DOM详解 目录 BOM(浏览器对象模型) 1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关...
熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...
JavaScript提供了一组以window为核心的对象...history对象 包含了浏览器访问网页的历史信息。 除了window对象之外,其他的5个对象都是window对象的属性,它们的关系如下图: 一、window对象 window对象就是JavaScript
js内置对象大全;document;location.href="";history.go()
超详细JavaScript_API文档 不能满足你,任你骂。 常用事件 Global对象 String对象 Math对象 Date对象 特殊事件 Window对象 window.open() Document对象 Location对象 ...history对象 navigator对象 其他
众所周知,vue-router有两种模式,hash模式和history模式,这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: [removed] = function(event){ console.log...
Javascript 高级编程主要JavaScript的基本语法,Document对象,文本对象,按钮对象,选择和隐藏对象,Location对象,history对象等等的属性和方法,最后讲述了Javascript的服务器编程;比较适合初学者;