首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

History对象

History对象 History对象允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。...方法 history.back(): history.back()在浏览器历史记录里前往上一页,用户可点击浏览器左上角的返回←按钮模拟此方法,等价于history.go(-1),当浏览器会话历史记录处于第一页时调用此方法没有效果...history.forward(): history.forward()在浏览器历史记录里前往下一页,用户可点击浏览器左上角的前进→按钮模拟此方法,等价于history.go(1),当浏览器历史栈处于最顶端时...)将数据push进会话历史栈,数据被DOM进行不透明处理,你可以指定任何可以被序列化的JavaScript对象。...),更新历史栈上最新的入口,这个数据被DOM进行了不透明处理,你可以指定任何可以被序列化的JavaScript对象

72030

Browser 对象(一、history)

history对象包含用户在浏览器窗口中访问过的URL history对象是window对象的一部分,也就是说可以window.history进行访问 1、history对象的属性(length) console.log...(history.length); 通过history.length直接返回浏览器历史列表中URL的数量 2、history对象的方法back() history.back(); <a href="...URL 3、<em>history</em><em>对象</em>的方法forward() <em>history</em>.forward(); 通过调用<em>history</em>.forward()方法加载当前URL在浏览器历史列表中的下一个URL 4、<em>history</em>...<em>对象</em>的方法go() (1)、当传入参数为num时 <em>history</em>.go(-1);//加载前第一个URL <em>history</em>.go(-2);//加载前第二个URL <em>history</em>.go(1);//加载下第一个...(state, title, url); jquery.pajx.<em>js</em>下载: http://download.csdn.net/detail/m0_38082783/9883724 浏览器兼容性表: Feature

86710
您找到你想要的搜索结果了吗?
是的
没有找到

【JavaScript 教程】浏览器—History 对象

作者 | 阮一峰 1、概述 window.history属性指向 History 对象,它表示当前窗口的浏览历史。 History 对象保存了当前窗口访问过的所有页面网址。...// 后退到前一个网址 history.back() // 等同于 history.go(-1) 浏览器工具栏的“前进”和“后退”按钮,其实就是对 History 对象进行操作。...2、属性 History 对象主要有两个属性。...总之,pushState()方法不会触发页面刷新,只是导致 History 对象发生变化,地址栏会有反应。 使用该方法之后,就可以用History.state属性读出状态对象。...上面代码中的event.state,就是通过pushState和replaceState方法,为当前 URL 绑定的state对象。 这个state对象也可以直接通过history对象读取。

1.1K10

js对象

课程目标: 1.掌握面向对象的基本操作. 2.掌握构造函数的优化策略. 3.创建对象的方式. 1.创建对象的三种方式: <!....方法名=function() { //输出内容 } let 对象名=new Object(); 对象名.属性; 对象名.方法名(); //第二种方式: let 对象名={}; 对象名.属性名=属性;...对象名.方法名=function() { 输出内容 } //第三种方式: let 对象名={ 属性名:属性值, 方法名:function() { 输出内容 } }; 总结: 记住,对象有属性&&方法才能叫做对象...方法是对象调用的 效果: ? 工厂函数 <!...1.调用对象是一样的,比如我爱你。他也爱你.是不是爱的是一个人啊。 2.调用构造函数是不一样的,为什么,因为他是类中的。类是一个整体不是个体啊. 效果: ? <!

6.8K10

js对象属性

这个要和new关键字有关了,其关键的四个步骤是创建新的对象,然后构造函数的作用域指向新对象(this指向新对象),执行构造函数中的代码,返回新对象。所以自然通过this赋值的都是新对象的属性了。...2 继承原型要在实例化对象之前,写在调用之前是无效的。...(let p in zhangsan){ console.log(zhangsan.hasOwnProperty(p),`${p}:${zhangsan[p]}`) } 参考代码 codepen关于js...对象自身可枚举,不含 Symbol 属性 Object.getOwnPropertyNames(obj) 返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但是包括不可枚举属性)的键名 对象自身...对象自身,全部属性 属性中的this是什么 来源 指向 对象 对象自身 构造函数 返回新对象 原型 原型 纯函数调用 外部环境全局,浏览器或者node 访问器get,set使用 一般我们也用不到这个

15.6K10

JS面向对象

面向对象和面向过程区别面向对象是把构成问题的事物拆解为各个对象,来描述这个事物在当前问题中的行为,而不是为了实现某个步骤 面向过程,是分析出实现问题的每个步骤,然后编写函数,并依次调用。...面向对象特点封装 让使用的人不考虑内部实现,只考虑功能使用,把内部代码保护起来,提供api接口让用户调用继承 从父类继承出一些方法和属性,利于代码复用多态 不同对象作用于同一操作产生不能效果JS三大对象宿主对象所有非本地对象都属于宿主对象所有...DOM和BOM对象都属于宿主对象嵌入到网页的JS来说,宿主对象就是浏览器提供的,比如:Window和Documnet等本地对象包括:Object、Array、Date、RegExp、Boolean、Number...、String这些引用类型在运行过程中需要通过new来创建所需的实例对象内置对象是本地对象的子集在ECMAScript程序开始执行前就存在,本身就是实例化内置对象,开发者无需再实例化内置独享有Global...构造函数/创建实例 通过this添加的对象和属性都指向当前对象,所以在实例化的时候,通过this添加的方法和属性都会在内存中复制一份。

9510
领券