DOM和BOM结构树,可以看到document是BOM树的一个所属对象,在BOM中用得比较多的就是Document、Location
1.window对象
是浏览器中的顶层对象,是对浏览器窗口的功能API的封装。
常用属性:
-console.log
-name
设置读取窗口名字
常用方法
-alert()
-confirm()
进行确认操作的消息框
-close()
关闭
-print()
打印
-moveTo(x,y)/moveBy(w,h)
移动窗口 不怎么兼容
-resizeTo(w,h)/resizeBy(w,h)
调整窗口大小
2.window的location对象
和document.location一样的,用来获取当前请求地址的对象
常用属性:
href
: 可读可写,当前页面的url地址protocol
: 协议类型 如"http:"host
: 域名+端口 如"mp.csdn.net:80"hostName
: 域名不含端口port
: 端口pathName
: url中的路径部分 如"/mdeditor/89886730"search
: url地址中的请求参数部分 如"?id=18&name=333"
常用方法:
reload()
: 重新加载页面 如果可选参数传’true’,那么页面会从服务器上加载数据,如果为’false’,可能会从缓存中加载数据assign(url)
: 页面跳转replace(url)
: 也可以实现页面跳转,不同的是,新页面不会在浏览器中产生history(用户在新页面无法使用后退按钮)
3. window的navigator对象
常用userAgent
属性来获取当前浏览器信息
4. window的history对象
返回当前浏览器的浏览记录
常用方法:
History.back()
前往上一页 等价于History.go(-1)
History.forward()
在历史记录中前往下一页 等价于History.go(-1)
History.go()
前往相对于当前页位置的指定页
以上方法如果在没有记录可获取的情况下也不会报错也没有效果