BOM 有哪些对象,分别都有哪些方法?

BOM简介

BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。

BOM具有的对象

1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;

     方法:

  • alert(str):用于向用户展示一些用户不可控的警告信息
  • confirm(str):用于向用户展示一段信息并确认结果
  • prompt(str,str): 用于向用户展示一段信息并收集用户输入结果
  • print(): 显示打印对话框(等同与点击浏览器菜单栏打印选项)
  • find(): 显示查找对话框(等同与点击浏览器菜单栏查找选项)

2、location对象,浏览器当前URL信息;

      方法:

  • hash:保存当前url中的哈希值(url中#号后面的任意个字符),url中不包含哈希值 则返回空串
  • host:保存当前url中的域名和端口号
  • hostName:保存当前url中的域名
  • pathName:保存当前url中路径或者文件名
  • port:保存当前url中的端口号
  • protocol:保存当前url使用的协议
  • search:保存url中的查询字符串
  • assign(url):导航到参数url位置并生成一条历史记录(等同与 location.href=url, window.localtion=url)
  • replace(url):导航到参数rul位置但不生成历史记录
  • reload(boolean):重新加载当前文档,传参true表示强制从服务器加载所有资源

3、navigator对象,浏览器本身信息;

     方法:

  • navigator.appCodeName  浏览器代号
  • navigator.appName  浏览器名称
  • navigator.appVersion  浏览器版本
  • navigator.cookieEnabled   启用Cookies
  • navigator.platform   硬件平台
  • navigator.userAgent   用户代理
  • navigator.systemLanguage   用户代理语言

 

4、screen对象,客户端屏幕信息;

     方法:

  • screen.width   总宽度 
  • screen.height  总高度
  • screen.availWidth  可用宽度
  • screen.availHeight  可用高度
  • screen.colorDepth  色彩深度
  • screen.pixelDepth  色彩分辨率

5、history对象,浏览器访问历史信息;

      方法:

  •  history.back() - 与在浏览器点击后退按钮相同
  •  history.forward() - 与在浏览器中点击向前按钮相同
  •  history.go() 这个方法来实现向前,后退的功能
  • 5
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值