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。