首页 > 其他分享 >BOM 浏览器对象模型

BOM 浏览器对象模型

时间:2022-08-25 14:24:24浏览次数:71  
标签:窗口 对象 模型 信息 BOM 相关 浏览器

BOM 即浏览器对象模型(browser object model),其提供了一系列接口供开发者使用 JavaScript 与浏览器窗口进行交互。

作用:BOM 提供的是与浏览器窗口交互的能力,其包含了一些处理窗口的方法,如打开新窗口,控制新窗口大小,也提供了窗口相关的属性,如窗口尺寸。

BOM 的操作入口可以理解为 window 对象,即浏览器下的全局对象。

常用的 BOM 相关对象

  • Location 当前页面地址相关信息,如当前页面地址
  • Navigator 当前浏览器相关信息,如浏览器、操作系统、设备等信息,通常判断平台,如 ios、android,或者判断浏览器都会使用这个属性。
  • Screen 包含屏幕相关信息,如屏幕的长宽、分辨率
  • History 浏览器的历史相关信息,通常用的最多的就是 history.back(),即返回上一页。

标签:窗口,对象,模型,信息,BOM,相关,浏览器
From: https://www.cnblogs.com/jinGang66/p/16624154.html

相关文章

  • BOM和DOM
    BOM1.概述概念:Browserobjectmodel,浏览器对象模型。它将浏览器的各个组成部分封装成对象。通过修改这些对象的属性,调用他们的方法,从而可以控制浏览器的行为。BOM对象......
  • 盒子模型、 浮动布局、定位属性、 z-index、JavaScript基础语法
    今日内容概要盒子模型浮动布局定位属性z-indexJavaScript基础语法今日内容详细盒子模型所有的标签都可以看成是一个快递盒1.外边距(margin):指标签之间的距离(......
  • 前端之盒子模型和定位
    盒子模型所有的标签都可以看成是一个盒子盒子模型的概念:1.magin(外边距):用于控制元素与元素之间的距离,两个标签之间的间隔2.border(边框):外边框与标签的距离3.padding(内......
  • 前端知识之CSS(3)-盒子模型、浮动布局、溢出属性、定位、脱离文档流、z-index之模态框
    目录盒子模型浮动布局(float)1.什么是浮动2.浮动的作用3.浮动有俩个特点4.浮动(float)格式5.浮动会造成父标签塌陷这是一个不好的现象因为会引起歧义6.解决父标签塌陷问题溢......
  • 今日内容之 CSS盒子模型和JS基础知识数据类型
    CSS盒子模型所有的标签都可以看成是一个快递盒1.margin(外边距):标签之间的距离            两个快递盒之间的距离2.border(边框):标签的边框 ......
  • $.ajax异步请求无法下载文件到浏览器本地的问题
     //open这种方式有个弊端,就是转的参数值不能太大,所以只能用jquery创建表单form在提交(ajax异步请求不会触发浏览器下载文件的功能)varuserAgent=naviga......
  • JS控制浏览器打印样式,分页及移除页眉页尾
    很简单,引入以下CSS即可:<style>/*分页符*/.print_gap{page-break-before:always;}.print_gap.gap_line{height:1px;background:#e5e5e5;margin:40pt030pt;......
  • 使用AssemblyScript在360浏览器下报错 SyntaxError: Unexpected reserved word
    背景最近在一个项目中使用了AssemblyScript,它能将类似于TypeScript的代码编译为WebAssembly,在其他浏览器都能正常使用,然而在360浏览器上却会报错:SyntaxError:Unexpected......
  • 在手机浏览器查看控制台信息
    问题描述:在开发H5项目时pc端可以通过F12查看控制台信息,如果在手机上运行就看不到,此时需要在入口文件index.html中加上两行代码就可以了如下:  核心代码:<scriptsrc......
  • UML概念模型
    UML概念模型(体系结构)由构造块、规则和公共机制三个部分构成。UML概念模型是一些代表事物的构造块,按某种规则,通过代表关系的构造块连接在一起组成图,所有的构造块在使......