本文已参与「新人创作礼」活动,一起开启掘金创作之路。

2.7 history对象

window对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。

对象方法	作用
back()	可以后退功能
forward()	前进功能
go( 参数 )	前进后退功能参数如果是1前进1个页面如果是-1后退1个页面

PC端特效

1.元素偏移量

1.1offset概述

offset翻译过来就是偏移量，我们使用offset 系列相关属性可以动态的得到该元素的位置（偏移)、大小等。

• 获得元素距离带有定位父元素的位置
• 获得元素自身的大小（宽度高度)
• 注意:返回的数值都不带单位

offset系列属性	作用
element.offsetParent	返回作为该元素带有定位的父级元素如果父级都没有定位则返回body
element.offsetTop	返回元素相对带有定位父元素上方的偏移
element.offsetLeft	返回元素箱对带有定位父元素左边框的偏移
element.offsetWidth	返回自身包括padding、边框、内容区的宽度，返回数值不带单位
element.offsetHeight	返回自身包括padding、边框、内容区的高度，返回数值不带单位

1.2offset与style区别

offset

• offset可以得到任意样式表中的样式值offset 系列获得的数值是没有单位的
• offsetWidth包含padding+border+-width
• offsetWidth等属性是只读属性，只能获取不能碱值所以，我们想要获取元素大小位置，用offset更合适

style

• style只能得到行内样式表中的样式值style.width获得的是带有单位的字符串
• style.width获得不包含padding和border的值
• style.width是可读写属性，可以获取也可以赋值,
• 所以，我们想要给元素更改值，则需要用style改变