javascript宿主对象之window.history

window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量:

window.history.length

由于隐私保护,我们无法获取这些页面具体的URL,像下面这样是不被允许的:

window.history[0]

但是我们可以在当前用户会话中的页面之间进行来回切换,就像您在浏览器中单击后退,前进一样。

history.forward(); // 前进
history.back(); // 返回

另外,我们可以用history.go()进行页面跳转,与history.back()相同:

后退一页:

history.go(-1);

后退两页:

history.go(-2);

如果想要刷新当前页面,当然下面这样也可以:

history.go(0)

另外,如今新版本的浏览器也对HTML5 的 History API提供了支持,这些API提供了我们不在整个页面进行刷新的情况下,对URL进行更改。

这个以后在讨论一下。

时间: 2024-08-24 23:06:00

javascript宿主对象之window.history的相关文章

javascript宿主对象之window.location

location属性是一个用来存储当前页面URL信息的对象. 下面我们通过循环来列出location对象的完整属性列表: for(var i in location){ if(typeof location[i] == 'string'){ console.log( i + ' = "' + location[i] + ' " '); } } 下面来看一下: 另外,location对象还提供了三种方法:分别是: 1. reload(); 2. assign(); 3. replace(

javascript宿主对象之window.frames

window.frames属性是当前页面所有框架的集合.要注意的事,这里并没有frame和iframe做出区分.而且,无论页面存不存在框架,window.frames属性总是存在的,并总是指向window对象本身. window.frames === window; // true; 假设我们页面中有一个iframe元素: <iframe name="myframe" src="hello.html"/> 我们可以通过检查其length属性来了解页面中是

javascript宿主对象之window.navigator

window.navigator用来反映浏览器及其功能信息的对象. // 检测浏览器版本信息 function getBrowserInfo(){ var Sys = {}; var ua = window.navigator.userAgent.toLowerCase(); var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); Sys.browser = m[1].replace(/ver

javascript宿主对象之window.screen、window.close()/open()、window.moveTo、window.resizeTo

window.screen属性所提供的是浏览器以外的信息.这里只简单的概述一下: screen.availWidth - 可用的屏幕宽度 (除去操作系统菜单) screen.availHeight - 可用的屏幕高度(除去操作系统菜单) screen.width - 总分辨率宽度 screen.height - 总分辨率高度 window.open属性是一个我们打开新窗口的方法,主要接收一下参数: 1. 要载入窗口的URL 2. 新窗口的名字,用于新窗口form标签的taeget属性: 3. 以

JavaScript宿主对象之BOM和DOM

宿主对象(host object),即由ECMAScript实现的宿主环境提供的对象. 宿主对象的表现形式,即浏览器下window的子对象和node.js下global的子对象. DOM(文档对象模型)和BOM(浏览器对象模型)属于宿主对象. 也就是说,DOM和BOM是编程接口,我们可以获取到一些列属性和方法,用于操作HTML文档和浏览器. 一.BOM BOM封装了一系列浏览器,相关的属性和方法. 其中较为重要属性有Window(浏览器打开的窗口).Navigator(浏览器相关信息).Scre

学习笔记:javascript 窗口对象(window)

1.窗口对象属性 属性 描述 closed 返回窗口是否已被关闭. defaultStatus 设置或返回窗口状态栏中的默认文本. document 对 Document 对象的只读引用.请参阅 Document 对象. history 对 History 对象的只读引用.请参数 History 对象. innerheight 返回窗口的文档显示区的高度. innerwidth 返回窗口的文档显示区的宽度. length 设置或返回窗口中的框架数量. location 用于窗口或框架的 Loca

JavaScript 浏览器对象(二)

一.History对象     1.History对象:window.history对象包含浏览器的历史(url)的集合. 2.History方法: history.back()  与在浏览器点击后退按钮相同 history.forward()  与在浏览器中点击按钮向前相同 history.go()  进入历史中的某个页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

事件监听和window.history以及自定义创建事件

1.事件监听window.addEventListener方法: Window.addEventListener(event, function, useCapture); useCapture:表示传递的类型是冒泡(false)还是捕获(true). Event:表示事件: Function:表示事件发生后触发的方法 2.window.hisitroy DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退. 如:win

javascript:window.history.go(-1)什么意思啊?

javascript:window.history.go(-1)什么意思啊? history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录.它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个. 这个方法的参数是一个数字,它指定要定位的url相对当前页面url位置的下标.当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页面. 再举个例子:你在地址