JS-BOM编程之history对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。

history对象代表浏览器窗口上的前进和后退按钮

History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因，History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。

back()	加载 history 列表中的前一个 URL。
forward()	加载 history 列表中的下一个 URL。
go()	加载 history 列表中的某个具体页面。

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus?">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>BOM编程之history对象</title>
10  </head>
11  <body>
12   <!--history对象代表浏览器窗口上的前进和后退按钮-->
13     <a href="34.BOM编程之history对象的链接对象.html">34</a>
14     <input type="button" value="前进" onclick="window.history.go(1)"/>
15  </body>
16 </html>

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus?">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>BOM编程之history对象的链接对象</title>
10  </head>
11  <body>
12     <input type="button" value="后退" onclick="window.history.back()"/>
13     <input type="button" value="前进" onclick="window.history.go(-1)"/>
14     <input type="button" value="前进" onclick="window.history.go(1)"/>
15
16  </body>
17 </html>

原文地址：https://www.cnblogs.com/xiuxiu123456/p/8521003.html

时间： 2024-10-13 08:43:10

JS-BOM编程之history对象的相关文章

js——navigator，screen,history对象（BOM 3）

navigator对象识别客户端浏览器的事实标准,每个浏览器的navigator对象都有自己的一套属性,但也有一些共通的属性. 插件检测对于非IE浏览器,可以使用plugins数组来检查浏览器是否安装了常见的插件.该数组每一项都包含以下属性: name:插件名 description:插件描述 filename:插件的文件名 length:插件所处理的MIME类型数量 //检测插件IE中无效 function hasPlugin(name){ var name=name.toLowerCas

JavaScript浏览器对象模型（BOM）之history对象

history 对象是 window 对象的属性,它保存着用户上网的记录,从窗口被打开的那一刻算起. 一.history对象的属性可以通过判断 history.length,得到是否有历史记录和记录数. alert(history.length); 二.history对象的方法 function back() { //跳转到前一个 URL history.back(); } function forward() { //跳转到下一个 URL history.forward(); } go()

JS模块化编程之AMD规范（转）

随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂. 网页越来越像桌面程序,需要一个团队分工协作.进度管理.单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑. JavaScript模块化编程,已经成为一个迫切的需求.理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块. 但是,JavaScript不是一种模块化编程语言,它不支持"类"(class),更遑论"模块&q

js模块化编程之CommonJS和AMD/CMD

一.CommonJS 1.CommonJS API定义很多普通应用程序(主要指非浏览器的应用)使用的API,从而填补了这个空白.它的终极目标是提供一个类似Python,Ruby和Java标准库.这样的话,开发者可以使用CommonJS API编写应用程序,然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中. 在兼容CommonJS的系统中,你可以使用JavaScript开发以下程序: (1).服务器端JavaScript应用程序(2).命令行工具(3).图形界面应用程序(4

BOM之history对象

前面的话 history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起.由于安全方面的考虑,开发人员无法得到用户浏览器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进.本文将详细介绍BOM中的history对象 length history.length属性保存着历史记录的URL数量.初始时,该值为1.如果当前窗口先后访问了三个网址,history.length属性等于3 由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用 histor

BOM之history对象(转)

JS——BOM(History对象)

1.history.back(),加载历史列表中的前一个 URL: (1)运行程序先进入此页面,点击文字链接后进入下一个页面: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="History对象.html">请点击进入下一个

【JavaScript】BOM对象——Window对象&History对象&Location 对象

1.Window对象: 表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用. setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用. clearInterval():该方法只能清除由 setInterval 设置的定时操作. clearTimeout():该方法只能清除由 setTimeout 设置的定时操作. 代码: <script> // //确认弹出框 // confirm("确定

js BOM（一）window、location、history、navigator、定时器setInterval

目录: 1.BOM介绍 * JavaScript分三部分 - ECMAScript标准:JS的基本语法 - DOM:Document object Model 文档对象模型--操作页面的元素 - BOM:Browser Object Model 浏览器对象模型--操作的是浏览器 * 浏览器中有个顶级对象:window 页面中顶级对象:document,页面中所有的内容都是属于浏览器的,页面中的内容也都是window的