BOM是什么

BOM是Browser Object Model(浏览器对象模型)的缩写,由多个对象组成,其中window对象为顶层对象,其他对象都是window对象的子对象。

所有浏览器都支持window对象,它代表浏览器窗口。
所有全局的javaScript对象都是window的子对象
全局变量是window对象的属性
全局方法是window对象的方法

window的对象属性

  1. (HTML DOM 的)document
  2. 窗口尺寸属性:
    window.innerHeight - 浏览器窗口的内高度(以像素计)
    window.innerWidth - 浏览器窗口的内宽度(以像素计)
  3. Screen对象:
    window.screen.width(屏幕宽度)
    window.screen.height(屏幕高度)
    window.screen.availWidth(可用宽度)
    window.screen.availHeight(可用高度)
    window.screen.colorDepth(色深)
    window.screen.pixelDepth(像素深度)
  4. Location对象
  5. 假如url为https://www.baidu.com/s?ie=UTF-8&wd=666#hash
    window.location.href 返回当前页面的 href (URL) https:www.baidu.com?keyword=666#hash
    window.location.hostname 返回 web 主机的域名 www.baidu.com
    window.location.pathname 返回当前页面的路径或文件名(域名后面?前面的部分)/s
    window.location.search 返回查询参数 ?ie=UTF-8&wd=666
    window.location.hash返回hash(#以及后面部分)#hash
    window.location.protocol 返回使用的 web 协议(http: 或 https:)
  6. History对象
    window.history.back(num) - 等同于在浏览器点击后退按钮
    window.history.forward(num) - 等同于在浏览器中点击前进按钮
    window.history.go(num)- history.go(1)等同于history.forward(),history.go(-1)等同于history.back()
  7. Navigator对象
    window.navigator.appName
    window.navigator.appCodeName
    window.navigator.platform
    window.navigator.cookieEnabled
    window.navigator.product
    window.navigator.appVersion
    window.navigator.userAgent

window的对象方法

  1. window.open(URL,窗口名称,窗口风格) - 打开新窗口
  2. window.close() - 关闭当前窗口
  3. window.alert(“xxx”);
  4. window.confirm(“xxx”);(用户单击“确定”,该框返回 true。用户单击“取消”,该框返回 false。)
  5. window.prompt(“xxx”,“defaultText”);
  6. window.setTimeout(function, milliseconds)(在等待指定的毫秒数后执行函数。)
  7. window.setInterval(function, milliseconds)(等同于 setTimeout(),但持续重复执行该函数。)
  8. window.clearTimeout(“xxx”)
  9. window.setTimeout(“xxx”)

完整版:https://www.cnblogs.com/hanguidong/p/9092043.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值