BOM

6.BOM

1.window

window.innerWidth

window.innerHeight 页面可视区宽高,不兼容低版本浏览器

document.documentElement.clientWidth;网页可见区域宽

document.documentElement.clientHeight;网页可见区域高

2.screen 包含用户显示器的硬件

3.location 地址栏

loaction.href = "http://www.sina.com" 跳转

location.search 地址栏?之后的请求参数

location.hash 地址栏#号之后的内容

location.reload() 刷新

4.弹窗

alert/prompt

var yourname = prompt("请输入你的名字?");//prompt有返回值 是用户输入的内容

confirm("") //返回值为boolean类型

5.history 历史记录

history.forward() 前进  history.go(1)

history.back()   后退  history.go(-1)

history.go(1)

6.navigator 导航信息

navigator.userAgent 用户代理,早期的浏览器嗅探使用该属性

IE7检测 navigator.userAgent().toLowerCase().indexOf("msie")> -1

navigator.userAgent 检测pc端/移动端 是否包含"mobile"字符

navigator.userAgent 检测浏览器


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    LaBaby_阅读 234评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    源大侠阅读 631评论 0 0
  • JS Window-浏览器对象模型 浏览器对象模型(BOM)使JS有能力与浏览器对话 由于现代浏览器几乎实现了JS...
    figure_ai阅读 1,296评论 0 2
  • *这条路像是一台永动机,不知疲倦,也像是一个圆圈,圈的尽头是另一个起点。 * 在小清新们最爱的清晨阳光沐浴下,特瑞...
    我再补充两句阅读 254评论 2 0
  • 重装 beta版使用问题
    f4b9d3aead2b阅读 185评论 0 0