BOM 浏览器对象模型_

Posted tianxiaxuange

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BOM 浏览器对象模型_相关的知识,希望对你有一定的参考价值。

常用属性

  • 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

以上是关于BOM 浏览器对象模型_的主要内容,如果未能解决你的问题,请参考以下文章

BOM 浏览器对象模型_不超过 4 KB 的 document.cookie 对象

Javascript初学篇章_6(BOM)

BOM 浏览器对象模型

JS之BOM与DOM

javascript-之-BOM 浏览器对象模型( BOM 的核心--window)

JavaScript----BOM(浏览器对象模型)