Bom和Dom
Bom
Window对象
Window对象是BOM中的顶级对象
window对象表示整个浏览器窗口。
JavaScript中的任何一个全局函数或变量都是window的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。例如:alert,定时器都是window对象的方法。调用它的子对象时可以不显示的指明window对象。
-
open()
- window.open(“要打开的网页”, “网页名字”, “height=400,width=400,top=10,left=10”);
-
close()
-
innerHeight
- 浏览器窗口的内部高度(兼容所有浏览器)—包含滚动条
-
innerWidth
- 浏览器窗口的内部宽度(兼容所有浏览器)
-
outerWidth
- 可以获取浏览器窗口的整个宽
-
outerHeight
- 可以获取浏览器窗口的整个高
-
screenLeft
- 窗口距离屏幕左上角的位置
-
screenTOP
-
窗口距离屏幕顶部的位置
-
screenX
-
鼠标指针相对于屏幕的水平坐标。
-
screenY
-
鼠标指针相对于屏幕的垂直坐标。
history对象
-
back()
-
back()方法用于模仿浏览器的后退按钮,相当于history.go(-1)
-
forward()
-
forward()方法用于模仿浏览器的前进按钮,相当于history.go(1)
-
go()
使用go()方法可以在用户的历史记录中任意跳转。这个方法接收一个参数,表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转(类似于后退按钮),正数表示向前跳转(类似于前进按钮)-
0
- 刷新页面
-
-1
- 后退一页
-
1
- 前进一页
-
2
- 前进两页
-
-
history.pushState({a:1}),“shop”,"?data="+n);
-
history.pushState()方法向浏览器历史添加了一个状态。pushState()方法带有三个参数:一个状态对象、一个标题(现在被忽略了)以及一个可选的URL地址
-
- history.pushState(state, title, url);
-
state object —— 状态对象是一个由pushState()方法创建的、与历史纪录相关的javascript对象。当用户定向到一个新的状态时,会触发popstate事件。事件的state属性包含了历史纪录的state对象。如果不需要这个对象,此处可以填null
title —— 新页面的标题,但是所有浏览器目前都忽略这个值,因此这里可以填null
URL —— 这个参数提供了新历史纪录的地址。新URL必须和当前URL在同一个域,否则,pushState()将丢出异常。这个参数可选,如果它没有被特别标注,会被设置为文档的当前URL -
pushState方法不会触发页面刷新,只是导致history对象发生变化,地址栏的显示地址发生变化
-
如果pushState的url参数,设置了一个新的锚点值(即hash),并不会触发hashchange事件,即使新的URL和旧的只在hash上有区别
-
如果设置了一个跨域网址,则会报错。这样设计的目的是,防止恶意代码让用户以为他们是在另一个网站上
-
-
window.onpopstate=function(){}
- 触发回退
-
history.replaceState()
- 用来在浏览历史中添加和修改记录。会修改当前历史记录条目而并非创建新的条目.
-
length
- 属性返回历史列表中的网站数
location对象
-
reload()
- 重新加载当前页面
-
href
- 可以设置跳转当前页面地址
- location.href = “https://www.baidu.com/”;
-
assign
- 可以设置跳转当前页面地址
- location.assign(“https://www.baidu.com/“)
-
replace
- location.replace(“https://www.baidu.com/”);
- 不产生历史记录
-
hash
- 获取#号后面的锚点
-
search
- 获取?号后面的参数
-
hostname
- 返回 web 主机的域名
-
pathname
- 返回当前页面的路径和文件名
-
port
- 返回 web 主机的端口 (80 或 443)
-
protocol
- 返回所使用的 web 协议(http:// 或 https://)
screen对象
-
availHeight
- 屏幕的高度像素减去系统部件高度之后的值,不包含任务高
-
availWidth
- 屏幕的宽度像素减去系统部件宽度后的值,不包含任务宽
-
height
- 屏幕的高度像素
-
width
- 屏幕的宽度像素
navigation对象
-
userAgent
- 返回由客户机发送服务器的 user-agent 头部的值
-
appName
- 返回浏览器的名称。
-
appVersion
- 返回浏览器的平台和版本信息。
-
platform
- 返回运行浏览器的操作系统平台。