BOM

DOM和BOM结构树,可以看到document是BOM树的一个所属对象,在BOM中用得比较多的就是Document、Location
BOM和DOM结构图

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() 前往相对于当前页位置的指定页
以上方法如果在没有记录可获取的情况下也不会报错也没有效果

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值