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 样式,但是可以用\n指定换行

  • window.prompt()

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

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

  • window.confirm()

1

5

5

5

5

5

5

5

5

5

5

原文地址:https://www.cnblogs.com/tianxiaxuange/p/10150682.html

时间: 2025-01-12 08:07:01

BOM 浏览器对象模型_的相关文章

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

注意: 客户端储存应该使用 Web storage API 和 IndexedDB,不推荐使用 Cookie document.cookie 对象 是服务器保存在浏览器的一小段文本信息 用于读写当前网页的 Cookie. 读取的时候,它会返回当前网页的所有 Cookie,前提是该 Cookie 不能有 HTTPOnly 属性. var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) {

BOM 浏览器对象模型_当前窗口的浏览历史 history 对象

当前窗口的浏览历史 window.history 对象 保存了当前窗口访问过的所有页面网址 由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航 history.back() 相当于 history.go(-1) 浏览器工具栏的 “前进” 和 “后退” 按钮,其实就是对 History 对象进行操作 // 当前窗口访问过多少个网页 window.history.length // 1 // History 对象的当前状态 // 通常是 undefined,即未设置 window.h

JavaScript——BOM(浏览器对象模型),时间间隔和暂停

BOM(浏览器对象模型):可以对浏览器的窗口进行访问和操作 1.基本的BOM体系: window------------document------------------------------------------anchors | | --frames ----forms | | --history ----images | | --location(浏览器地址)  ----links | | --navigator(获取浏览器信息) ----location | --screen(屏幕

BOM浏览器对象模型

访问和操作浏览器窗口的模型称为浏览器对象模型BOM(Browser Object Model). BOM整体对象图. 核心是window对象: 以下有特殊双重身份: window对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象: document对象既是BOM顶级对象的一个属性,也是DOM模型中的顶级对象 location对象既是window对象的属性,同时也是document对象的属性. 1. window对象   (从两个方面看待:ECMAScript规范中的Gl

BOM—浏览器对象模型

BOM(Browser Object Model 浏览器对象模型)使JavaScript 有能力与浏览器"对话". Window 对象 所有浏览器都支持 window 对象.它是BOM的核心对象,它表示浏览器的一个实例. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 甚至 HTML DOM 的 document 也是 window 对象的属性之一: window.

BOM——浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程

BOM—浏览器对象模型(Browser Object Model)

 1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser Object Model) 2,BOM 的组成部分: 1.window对象 每一个子窗口对应的又是一个window对象 2. screen对象 3.location对象 4.history对象 5.Navigator对象 6.定时器 (两种) 7.弹框(三种) 8. document (DOM-文档

BOM —— 浏览器对象模型(Browser Object Model)

一.什么是 BOM BOM 是 Broswer Object Model 的缩写,中文为浏览器对象模型 BOM 提供了独立于内容而与浏览器窗口进行交互的对象 由于 BOM 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 window BOM 缺乏标准,所以你会发现 MDN 上面搜寻不了,JavaScript语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C 二.一些大部分通用的API window对象——BOM核心 window.alert('提示信息') window.confi

[TimLinux] JavaScript BOM浏览器对象模型

1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM没有标准,各浏览器厂商间定义的公共对象,可以作为事实上的标准存在.W3C在HTML5中把BOM纳入了规范中. 2. window对象 window对象:表示浏览器的一个实例.window的双重角色:通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Gl