BOM 浏览器对象模型_

Posted 2021-01-28 tianxiaxuange

常用属性

• window.devicePixelRatio        像素比 = css / 物理像素
• window.scrollX，window.scrollY    滚动条 卷曲距离

• if (window.scrollY < 75) {
      window.scroll(0, 75);
  }

获取浏览器组件对象

• window.locationbar        地址栏对象
• window.menubar        菜单栏对象
• window.scrollbars        窗口的滚动条对象
• window.toolbar        工具栏对象
• window.statusbar        状态栏对象
• window.personalbar        用户安装的个人工具栏对象

全局对象属性

• window.document        指向 document 对象。注意，这个属性有同源限制。只有来自同源的脚本才能读取这个属性。
• window.location        指向 Location 对象，用于获取当前窗口的 URL 信息。它等同于 document.location 属性
• window.navigator        指向 Navigator 对象，用于获取环境信息
• window.history        指向 History 对象，表示浏览器的浏览历史
• window.localStorage        指向本地储存的 localStorage 数据
• window.sessionStorage        指向本地储存的 sessionStorage 数据
• window.console        指向 console 对象，用于操作控制台
• window.screen        指向 Screen 对象，表示屏幕信息
• window.isSecureContext 属性返回一个布尔值，表示当前窗口是否处在加密环境。

如果是 HTTPS 协议，就是 true，否则就是 false

弹出不同的对话框

• window.alert()

只有一个“确定”按钮，往往用来通知用户某些信息

对话框弹出期间，浏览器窗口处于冻结状态，如果不点“确定”按钮，用户什么也干不了

参数只能是字符串，没法使用 CSS 样式，但是可以用 指定换行

• window.prompt()

弹出的对话框，提示文字的下方，还有一个输入框，要求用户输入信息，并有“确定”和“取消”两个按钮。

它往往用来获取用户输入的数据

• window.confirm()

1

5

5

5

5

5

5

5

5

5

5