History：历史记录对象

    1. 创建(获取)：1. window.history2. history2. 方法：* back()    加载 history 列表中的前一个 URL。* forward()  加载 history 列表中的下一个 URL。* go(参数) 加载 history 列表中的某个具体页面。* 参数：* 正数：前进几个历史记录* 负数：后退几个历史记录3. 属性：* length 返回当前窗口历史列表中的 URL 数量。

示例代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>History对象</title>
</head>
<body><input type="button" id="btn" value="获取历史记录个数"><a href="09_History对象2.html">09页面</a><input type="button" id="forward" value="前进">
<script>/*History：历史记录对象1. 创建(获取)：1. window.history2. history2. 方法：* back()  加载 history 列表中的前一个 URL。* forward()  加载 history 列表中的下一个 URL。* go(参数)     加载 history 列表中的某个具体页面。* 参数：* 正数：前进几个历史记录* 负数：后退几个历史记录3. 属性：* length 返回当前窗口历史列表中的 URL 数量。*///1.获取按钮var btn = document.getElementById("btn");//2.绑定单机事件btn.onclick = function(){//3.获取当前窗口历史记录个数var length = history.length;alert(length);}//1.获取按钮var forward = document.getElementById("forward");//2.绑定单机事件forward.onclick = function(){//前进// history.forward();history.go(1);}</script></body>
</html>

[JS-BOM]BOM_History历史记录对象相关推荐

JavaScript中BOM简介及其对象、js执行机制
目录 BOM简介什么是BOM DOM和BOM的区别 BOM的构成 Window对象的常见事件窗口加载事件调整窗口大小事件定时器函数 setTimeout( )定时器停止setTimeout( ...
APIS（BOM）——Window对象、本地存储
Window对象 BOM Window对象定时器-延时函数 js执行机制同步任务异步任务执行机制 location对象 navigator 对象 histroy 对象本地存储本地存储分类 ...
JS+BOM+DOM汇总
文章目录前言:JavaScript的发展史第一章:BOM 1.1.概念 1.2.组成:window.Navigator.Screen. History.Location 1.3.方法第二章:DO ...
JS,BOM,DOM（六）
## JavaScript1. ECMAScript: 基础语法2. BOM3. DOM:1. 事件## DOM简单学习:* 功能: 控制html文档的内容* 代码: 获取页面标签(元素)对象 Ele ...
JS BOM 学习笔记
2022年7月26日周二学习笔记学习时长:4h 学习进度:复习+ JS中的 BOM 目录 BOM 1.概述 1.1 什么是BOM 2. window对象的常见事件 2.1 窗口加载事件 2.2 ...
前端入门：JS -- BOM (JS执行机制) P10121896-10121916
BOM 浏览器对象模型 1.概述 BOM提供了与浏览器窗口进行交互的对象: BOM的一系列对象都有很多方法和属性,其中顶级对象是window: document 包含在 window 中,所以 DOM ...
javascript原生事件句柄、BOM、DOM对象属性方法总结
javascript原生事件句柄.BOM.DOM对象属性方法总结 JS事件句柄事件句柄类型说明 onabort 事件句柄图像加载被中断 onblur 事件句柄元素失去焦点 onfocus 事 ...
前端开发：JS中的Window对象详解
前言在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...
js中的DOM对象和jQuery对象的比较
1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box">& ...

[JS-BOM]BOM_History历史记录对象

History：历史记录对象

[JS-BOM]BOM_History历史记录对象相关推荐

最新文章

热门文章