Js之History对象

By | 08月01日
Advertisement

Window对象的history属性引用的是该窗口的History对象。History对象是用来把窗口的浏览历史用文档和文档状态列表的形式表示。History对象的length属牲表示浏览历史列表中的元素数量,但出于安全的因素,脚本不能访问已保存的URL。 (如果允许,则任
意脚本都可以窥探你的浏览历史。)History对象的back()和forward()方法与浏览器的“后退”和“前进”按钮一样:它们使浏览器在浏览历史中前后跳转一格。第三个方法-go()接受一个整数参数,可以在
历史列表中向前(正参数)或向后(负参数)跳过任意多个页。

history.go(-2)//后退两个历史记录,相当于单击“后退”按钮两次

如果窗口包含多个子窗口(比如<iframe>元素——见14.8.2节),子窗口的浏览历史会按时间顺序穿插在主窗口的历史中。这意味着在主窗口调用history.back()(举例)可能会导致其中一个子窗口往回跳转到前一个显示的文档,但主窗口保留当前状态不变。
现代Web应用可以不通过载入新文档而动态地改变自身内容。这么做可能希望用户能用“后退”和“前进”按钮在这些动态创建的应用状态之间进行跳转。

Similar Posts:

  • JS中BOM对象复习

    BOM:浏览器对象模型-----  Browser Object Model   主要提供访问和操作浏览器各组件的方式 浏览器各组件:window(浏览器窗口).location(地址栏).history(浏览历史) screen(显示器屏幕).navigator(浏览器软件).document(网页) DOM:文档对象模型---Document Object Model   主要提供访问和操作html的方式 注意:BOM和DOM不是JS中的内容,它们是W3C制定的规范,它们在浏览器中以对象形式

  • BOM history对象

    history对象的三个可用方法和一个属性 back();后退 forward();前进 go(n);跳到第几个页面,负数为后退,正数为前进 length属性,获取缓存的页面的数量 安全性考虑,history无法获取其它页面信息.

  • 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.ht

  • JavaScript高级程序设计之BOM之screen 对象&amp;amp; history 对象第8.3讲笔记

    8.4 screen 对象 JavaScript 中有几个对象在编程中用处不大,而screen 对象就是其中之一.screen 对象基本上只 用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素宽度和高度等.每个浏览器 中的screen 对象都包含着各不相同的属性,下表列出了所有属性及支持相应属性的浏览器. 这些信息经常集中出现在测定客户端能力的站点跟踪工具中,但通常不会用于影响功能.不过,有 时候也可能会用到其中的信息来调整浏览器窗口大小,使其占据屏幕的可用空间,例如: wind

  • JS之面对对象设计 第一章 Js的执行过程

    JS之面对对象设计 第一章 Js的执行过程 做程序不仅要知其然,更要知其所以然! Js的执行是一个比较复杂的过程,在Js(一般是对象或函数,以下同)的执行过程中有一个执行环境链的概念(这东西比较抽象),当Js被执行的时候,当前的环境就会被插入到Js的环境链的前端,而Js的关键字this,就始终手指向这个执行环境的最前端,所以说Js执行环境的改变,也会引起this指向的改变.当Js执行结束的时间如果该执行环境没有被其他Js引用的时候,当前的执行中环境就会被垃圾回收器回收,否则就会被继续保留. 可能

  • JS实现sleep功能 JS遍历document对象

    标题:JS实现sleep功能 JS遍历document对象 /*****************************************/ var elementName; function countTotalElement(node) { if(node.nodeType ==1) { elementName = elementName + node.nodeValue + "rn"; } var childrens = node.childNodes; for(var i

  • JS中document对象的location属性

    js中document对象的location属性负责设置HTML文档的链接URL,例如: <html> <body onload="Redirect();"> <script language="javascript"> function Redirect() { document.location = "http://www.126.com"; } </script> </body>

  • JS(三)Date对象和数组对象

    一.简介 1.日期对象:即Date对象,可以获得日期.时间.星期.时区等信息 2.数组对象:即array对象,就是讲php中的数组在js中以js的形式创建. 二.实例代码 /** * 日期:包含日期.时间.星期.时区等 */ function myFunction() { // 日期 document.write(Date() + "<br/>");// 标准时间戳 document.write(new Date().getTime() + "<br/>

  • JS之浏览器对象含义

    Navigator对象: 浏览器对象,包含了正在使用的 Navigator 的版本信息.反映了当前使用的浏览器的资料.JavaScript 客户端运行时刻引擎自动创建 navigator 对象. Window对象: 表示的是浏览器窗口,最顶层的对象, window的属性对应于整个窗口 . Document对象: 文档对象是JavaScript 中window 和frames对象的一个属性,是显示于窗口或框架内的一个文档.描述当前窗口或指定窗口对象的文档.它包含了文档从<head>到</b

  • JavaScript高级程序设计之BOM之screen 对象&amp; history 对象第8.3讲笔记

    8.4 screen 对象 JavaScript 中有几个对象在编程中用处不大,而screen 对象就是其中之一.screen 对象基本上只 用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素宽度和高度等.每个浏览器 中的screen 对象都包含着各不相同的属性,下表列出了所有属性及支持相应属性的浏览器. 这些信息经常集中出现在测定客户端能力的站点跟踪工具中,但通常不会用于影响功能.不过,有 时候也可能会用到其中的信息来调整浏览器窗口大小,使其占据屏幕的可用空间,例如: wind

Tags: