html_Location对象

Location对象

location 必须掌握三个属性和三个方法
location  属性   href serach hash
Href：跳转的地址  search：传入的参数  hash：锚点
location  方法   assign reload replace

 

Location.reload() 方法用来刷新当前页面。该方法只有一个参数，当值为 true 时，将强制浏览器从服务器加载页面资源，当值为 false 或者未传参时，浏览器则可能从缓存中读取页面。

location.assign()跳转网页,会记录历史，可以后退

location. replace ()跳转网页,不会记录历史，不可以后退

补充：

页面的刷新模式：

F5       刷新页面，如果当前页面有从服务器获取的缓存，则直接加载缓存，不会在从服务器获取数据

Ctir+F5 强制刷新页面，不管有没有缓存都会从服务器获取数据

Forward():  前进(当有前进历史的时候)

调用方式： history.forward();

Back():后退(当有后退历史的时候)

Go(): 前进，有一个参数，数字类型，1：表示下一个历史页面，数字随意，前提是有数字个数相同的历史页面

Navigator:对象

Navigator.userAgent:字符串类型，表示的是当前访问服务器的操作系统类型，浏览器名称，等信息

 

额外补充：设置margin和绝对定位/浮动的时候，当对标签添加可以自由移动效果的时候，要注意元素的偏移，应为反向移动。

offsetParent

offsetLeft,offsetTop,offsetWidth,offsetHeight

offsetWidth:内容+内边距（padding）+边框（border）

注意：offsetLeft,offsetTop是相对于offsetParent（最近的脱离文档流的元素,如果没有则为body）的距离：内容的外边距（margin）+offsetParent的内边距（padding）

offsetLeft：

两个嵌套box，如果想要获得里面box距离外部box的距离，则在外部box的css中加入position使其脱离文档流，一般加入relative。