JavaScript BOM 浏览器对象模型

最新推荐文章于 2023-03-13 23:27:23 发布
最新推荐文章于 2023-03-13 23:27:23 发布
阅读量122 收藏
点赞数
分类专栏： 【 Web前端开发 】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yexiangCSDN/article/details/115914750
版权
【 Web前端开发 】 专栏收录该内容
190 篇文章 5 订阅 ¥199.90 ¥299.90
订阅专栏
本文详细介绍了JavaScript的BOM浏览器对象模型，重点讲解了BOM的核心对象window及其事件处理，包括窗口加载事件、DOMContentLoaded事件和调整窗口大小事件。此外，还深入探讨了定时器setTimeout和setInterval的使用，以及如何通过clearTimeout和clearInterval停止定时器。最后，文章提到了JavaScript的执行机制，包括同步和异步任务的概念以及事件循环的工作原理。
摘要由CSDN通过智能技术生成

我是表哥Harker，表妹我来咯~

学完事件的高级用法，能让我们更加灵活的去处理要做的事情，JS的核心就是事件处理，相当于鸟的飞行动作，越灵活运用相当于鸟飞的越自由自在，JS三大组成部分还有一个BOM浏览器对象模型，这篇讲解，那么这篇结束后JS三大核心就全部完毕了。

 

1、BOM 概述 

  • BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window
  • BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 
  • BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape （网景）浏览器标准的一部分

DOM

  • 文档对象模型 
  • DOM 就是把「文档」当做一个「对象」来看待 
  • DOM 的顶级对象是 document 
  • DOM 主要学习的是操作页面元素 
  • DOM 是 W3C 标准规范 

BOM 

    了解本专栏 订阅专栏 解锁全文
    HarkerYX
    关注
    专栏目录
    订阅专栏
    JavaScript高级程序设计 第12章---BOM浏览器对象模型
    weixin_40794404的博客
    08-26 1003
    第12章 BOM 本章内容： 理解BOM的核心——window 对象 控制窗口及弹窗 通过location 对象获取页面信息 使用navigator 对象了解浏览器 通过history 对象操作浏览器历史 BOM是使用JavaScript 开发Web 应用程序的核心，提供了与网页无关的浏览器功能对象。
    浏览器对象模型--BOM
    weixin_34055787的博客
    05-22 111
    BOM的核心对象是window对象，其他对象都是window对象的子对象 一、浏览器对象模型 二、window对象 　　属性 　　1.位置类型 　　　　(浏览器距离屏幕的距离) 　　　　// IE chrome 　　　　alert(window.screenLeft) 　　　　alert(window.screenTop) 　　　　// FF chrome...
    BOM(浏览器对象模型)
    weixin_30767921的博客
    08-30 78
    BOM(浏览器对象模型) 一. window 1.定义 window是js在浏览器环境中 全局变量 函数就是window的方法 全局变量就是window的属性 2.属性 document location history screen navigator innerWidth 文档区域宽度 innerHeight 文档区域高度 outerWidth 浏览器窗口宽度 outerHeight 浏览器...
    浏览器对象模型(BOM)
    weixin_30216561的博客
    07-07 96
    BOM结构 用户浏览网页的时候，浏览器会自动创建一些对象，这些对象存放着浏览器窗口的属性和相关信息，也就是大家熟称的BOM。浏览器对象模型是一个层次化的对象集，我们可以通过window对象访问所有对象集。层级关系如下图所示： window对象 window对象表示浏览器中打开窗体，提供关于窗口状态的信息。可以使用window对象访问窗口中的文档，事件以及影响窗口的浏览器特性。同时大家应该...
    浏览器对象模型——BOM
    Joanna的博客
    08-04 183
    window对象 BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其Global对象，因此有权访问parseInt()等方法。 ...
    BOM（浏览器对象模型）
    weixin_62859027的博客
    06-28 502
    BOM用于操作浏览器，例如弹出窗口、刷新页面、后退、前进等。BOM提供的常用对象包括windows对象、location对象、navigator对象等。由于BOM有各个浏览器推出，所以没有统一的标准，不同浏览器支持的对象也略有差异。window对象是浏览器的顶级对象，表示浏览器的一个实例，DOM的document对象也是window对象的一个属性，所有浏览器都支持window对象，它代表浏览器的窗口 。全局作用域中的变量和函数也都属于window对象的成员，当引用window对象的成员时，可以省略windo
    BOM 浏览器对象模型
    Lotus_fragrance的博客
    05-30 1028
    1、BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互 的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 DOM： 1.文档对象模型 2.DOM 就是把「文档」当做一个「对象」来看待 3.DOM 的顶级对象是 document 4.5.DOM 主要学习的是操作页面元素 DOM 是 W3
    JavaScript 精讲BOM(浏览器对象模型)
    最新发布
    m0_61773971的博客
    03-13 152
    点每英寸，常用于平面印刷,不同的显示器分辨率不一样，物理尺寸也不一样，因此你用一张一英寸长的小纸条按在屏幕上，能被你盖住的像素的个数也是不一样的,我们把一英寸里能包含的像素的个数叫做屏幕的解析度，单位叫 DPI（dots per inch）又称“设备像素”，屏幕的物理像素在每个设备出厂时已经被固定好，任何设备屏幕的物理像素都是固定不变的，物理像素的单位是pt（点），pt（点）是一个绝对单位.又称“设备独立像素、逻辑像素”，css中使用的像素是一个抽象的概念，单位是px，px是一个相对单位，并不是绝对单位.
    JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
    01-21
    本文实例讲述了JavaScript浏览器对象模型BOM。分享给大家供大家参考，具体如下： window对象位于BOM层次结构的最顶层。它包含了一些非常重要的子对象，包括location，navigator，document，screen，history。...
    浏览器对象模型 (BOM)
    m0_53698336的博客
    07-22 332
    浏览器 目前主流的浏览器分这么几种： IE 6~11：国内用得最多的IE浏览器，历来对W3C标准支持差。从IE10开始支持ES6标准； Chrome：Google出品的基于Webkit内核浏览器，内置了非常强悍的JavaScript引擎——V8。由于Chrome一经安装就时刻保持自升级，所以不用管它的版本，最新版早就支持ES6了； Safari：Apple的Mac系统自带的基于Webkit内核的浏览器，从OS X 10.7 Lion自带的6.1版本开始支持ES6，目前最新的OS X 10.11
    浏览器对象模型（BOM）
    Mephisto180502的博客
    05-17 177
    Window 对象 浏览器对象模型（Browser Object Model）使JavaScript有能力与浏览器"对话"。 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 甚至 HTML DOM 的 d...
    BOM——浏览器对象模型
    qq_44700755的博客
    11-17 1142
    BOM 浏览器对象模型 BOM 的概念 • BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成，其中代表浏览器窗口的 Window对象是 BOM 的顶层对象，其他对象都是该对象的子对象。 • 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等。 window 对象 • window 是浏览器的顶级对象，当调用 window 下的属性和
    Bom 浏览器对象模型
    nknmn
    04-20 857
    < BOM > 1.概述 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM 由一系列相关的对象构成，并且每个对象提供了很多方法和属性 BOM 缺乏标准，JavaScript 语法的标准化组织是ECMA，DOM 的标准化组织是W3C，BOM 最初是Netscape浏览器标准的一部分 DOM 和 BOM的对比： ...
    浏览器对象模型BOM
    我爱学习的博客
    10-08 142
    BOM（Browser Object Model）：浏览器对象模型。 实际上就是一些操作浏览器的能力，我们可以获取一些浏览器的相关信息，例如浏览器窗口的大小；操作页面跳转；获取当前浏览器地址栏的信息；操作浏览器的滚动条等。BOM的核心就是window对象，window是浏览器内置的一个对象，里面包含着操作浏览器的方法，用window.方法名()调用方法，window.大多数情况下不写也能调用，但像close、open就必须要有window.才能生效。 一、窗口对象 （一）常用方法 （二）定时器 1.倒计时
    深入理解JavaScript BOM：浏览器对象模型详解
    "JavaScript浏览器对象模型BOM使用介绍，主要涉及window对象的属性和方法，包括窗口状态、文档对象、历史记录、框架、屏幕信息等，以及与用户交互相关的alert、blur等方法。" JavaScript的浏览器对象模型（Browser ...
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包

    打赏作者

    HarkerYX

    你的鼓励将是我创作的最大动力

    ¥1 ¥2 ¥4 ¥6 ¥10 ¥20
    扫码支付：¥1
    获取中
    扫码支付

    您的余额不足，请更换扫码支付或充值

    打赏作者

    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值