简单解析BOM中History对象

简介: 简单解析BOM中History对象History 对象包含用户(在浏览器窗口中)访问过的 URL。 <button>back()</button> <button>forward()</button> <button>go()</button> 1 2 3 console.log(history); var aBtns=document.getElementsByTagName("button"); // 属性 // length 返回历史记录/列表中的网址数 console.log(histo

简单解析BOM中History对象




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


 

<button>back()</button><button>forward()</button><button>go()</button>

 

console.log(history);
    var aBtns=document.getElementsByTagName("button");
    // 属性
    // length  返回历史记录/列表中的网址数
    console.log(history.length);
    // 方法
    // back() 加载 history 列表中的前一个 URL   后退
    aBtns[0].onclick=function(){
        history.back();
    }
    // forward()  加载 history 列表中的下一个 URL  前进
    aBtns[1].onclick=function(){
        history.forward();
    }
    // go() 加载 history 列表中的某个具体页面  1  -1
    aBtns[2].onclick=function(){
        history.go(1);
    }

视频讲解链接:
https://www.bilibili.com/video/BV1aZ4y1W7SL/

相关文章
|
3月前
|
Java C#
C# 面向对象编程解析:优势、类和对象、类成员详解
OOP代表面向对象编程。 过程式编程涉及编写执行数据操作的过程或方法,而面向对象编程涉及创建包含数据和方法的对象。 面向对象编程相对于过程式编程具有几个优势: OOP执行速度更快,更容易执行 OOP为程序提供了清晰的结构 OOP有助于保持C#代码DRY("不要重复自己"),并使代码更易于维护、修改和调试 OOP使得能够创建完全可重用的应用程序,编写更少的代码并减少开发时间 提示:"不要重复自己"(DRY)原则是有关减少代码重复的原则。应该提取出应用程序中常见的代码,并将其放置在单一位置并重复使用,而不是重复编写。
50 0
|
3月前
|
安全 Java
【Netty 网络通信】EventLoop 事件循环对象 解析
【1月更文挑战第9天】【Netty 网络通信】EventLoop 事件循环对象 解析
|
7天前
|
SQL Java 数据库连接
深度解析MyBatis核心:探寻其核心对象的精妙设计
深度解析MyBatis核心:探寻其核心对象的精妙设计
19 1
深度解析MyBatis核心:探寻其核心对象的精妙设计
|
7天前
|
Java 关系型数据库 MySQL
高级对象装配:解析Spring创建复杂对象的秘诀
高级对象装配:解析Spring创建复杂对象的秘诀
22 0
高级对象装配:解析Spring创建复杂对象的秘诀
|
26天前
|
Python
Python类与对象:深入解析与应用
本文介绍了Python中的核心概念——类和对象,以及它们在面向对象编程中的应用。类是用户定义的类型,描述具有相同属性和行为的对象集合;对象是类的实例,具备类的属性和方法。文章通过示例讲解了如何定义类、创建及使用对象,包括`__init__`方法、属性访问和方法调用。此外,还阐述了类的继承,允许子类继承父类的属性和方法并进行扩展。掌握这些概念有助于提升Python编程的效率和灵活性。
|
1月前
|
设计模式 XML SQL
C++建造者模式解析:构建复杂对象的优雅方式
C++建造者模式解析:构建复杂对象的优雅方式
38 1
C++建造者模式解析:构建复杂对象的优雅方式
|
1月前
|
存储 JSON JavaScript
Python如何解析json对象?
Python如何解析json对象?
23 1
|
1月前
|
设计模式 缓存 安全
代理模式:解析对象间的间接访问与控制
代理模式:解析对象间的间接访问与控制
|
3月前
|
XML JavaScript Java
Spring5源码(16)-Spring将Xml文件解析为Document对象
Spring5源码(16)-Spring将Xml文件解析为Document对象
38 0
|
3月前
|
NoSQL Unix Redis
Redis对象及redisObject源码解析
Redis对象及redisObject源码解析

推荐镜像

更多