Javascript 什么是BOM

这篇具有很好参考价值的文章主要介绍了Javascript 什么是BOM。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

✨前言✨

1.如果代码对您有帮助  欢迎点赞👍+收藏⭐哟   后面如有问题可以私信评论哟🗒️
2.博主后面将持续更新哟😘

☁️1.BOM是什么?

在javascript中,BOM指的是浏览器对象模型(Browser Object Model),它提供了独立于内容而与浏览器窗口进行交互的对象,主要用于管理窗口与窗口之间的通讯,其核心对象是window。
BOM(Browser Object Model)即浏览器对象模型。

BOM提供了独立于内容 而与浏览器窗口进行交互的对象;

由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window;

此外,BOM还提供了一些方法,例如alert()、confirm()、prompt()等用于与用户进行交互的方法。

BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。

⛅2.BOM核心有哪些?

核心 说明
window 对象 表示浏览器窗口。它是 BOM 的核心对象,提供了浏览器窗口的各种方法和属性。
location 对象 表示当前文档的 URL 信息。它提供了访问和操作浏览器地址栏的方法和属性。
navigator 对象 对象:提供了浏览器的相关信息,如浏览器的名称、版本等。
screen 对象 提供了关于用户屏幕的信息,如屏幕尺寸、颜色深度等。
history 对象 表示浏览器的浏览历史记录,可以通过它来前进或后退到不同的页面。

这些 BOM 对象可以通过 JavaScript 来访问和操作,用于与浏览器进行交互,获取和修改浏览器的状态和信息。

🌤️4.BOM由什么组成?

1、BOM的组成结构
BOM:Brower Object Model,指的是浏览器对象模型。
作用:操作浏览器窗口及窗口上的控件,实现用户和页面的动态交互。
浏览器对象:浏览器提供的一系列内置对象的统称。
BOM浏览器对象模型:各内置对象之间按照某种层次组织起来的模型的统称。
Javascript 什么是BOM,javascript,开发语言
window对象是BOM的顶层(核心)对象。
其他的对象都是以属性的方式添加到window对象下,也可称为window的子对象。

document(文档对象):也称为DOM对象,是HTML页面当前窗体的内容,同时也是JavaScript重要组成部分之一。
history(历史对象):主要用于记录浏览器的访问历史记录,也就是浏览网页的前进与后退功能。
location(地址栏对象):用于获取当前浏览器中URL地址栏内的相关数据。
navigator(浏览器对象):用于获取浏览器的相关数据,例如浏览器的名称、版本等,也称为浏览器的嗅探器。
screen(屏幕对象):可获取与屏幕相关的数据,例如屏幕的分辨率等。

注意:
BOM没有一个明确的规范,所以浏览器提供商会按照各自的想法随意去扩展BOM。而各浏览器间共有的对象就成为了事实上的标准。不过在利用BOM实现具体功能时要根据实际的开发情况考虑浏览器之间的兼容问题,否则会出现不可预料的情况。

2、window对象
window对象:是BOM中所有对象的核心,同时也是BOM中所有对象的父对象。
定义在全局作用域中的变量、函数以及JavaScript中的内置函数都可以被window对象调用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var area = 'Beijing';
        function getArea(){
            return this.area;
        }
        console.log(area);                   // 访问变量,输出结果:Beijing
        console.log(window.area);            // 访问window对象的属性,输出结果:Beijing
        console.log(getArea());              // 调用自定义函数,输出结果:Beijing
        console.log(window.getArea());       // 调用window对象的方法,输出结果:Beijing
        console.log(window.Number(area));    // 调用内置函数,将变量area转换为数值型,输出结果:NaN
    </script>
</head>
<body>
</body>
</html>

输出结果:
Javascript 什么是BOM,javascript,开发语言
定义在全局作用域中的getArea()函数,函数体内的this关键字指向window对象。
对于window对象的属性和方法在调用时可以省略window,直接访问其属性和方法即可。

注意:
在JavaScript中直接使用一个未声明的变量会报语法错误,但是使用“window.变量名”的方式则不会报错,而是获得一个undefined结果。除此之外,delete关键字仅能删除window对象自身的属性,对于定义在全局作用域下的变量不起作用。

🌦️5.可以实现哪些功能?

1.控制浏览器窗口:可以打开、关闭、移动、调整大小浏览器窗口。

2.控制浏览器历史记录:可以向前或向后导航浏览器历史记录。

3.与浏览器通信:可以向浏览器发送消息并接收来自浏览器的消息。

4.检测浏览器信息:可以获取浏览器的名称、版本、分辨率等信息。

5.定时器:可以使用定时器函数来定时执行代码。

6.弹窗:可以使用弹窗函数来显示警告、确认或输入框。

7.定位:可以获取用户的地理位置信息。

8.存储:可以使用本地存储来保存数据。

9.屏幕信息:可以获取用户屏幕的宽度、高度、像素密度等信息。

10.Cookie管理:可以设置、读取和删除Cookie。

这些是JavaScript BOM的一些常见功能,可以帮助开发者控制和操作浏览器的各种行为和属性。

🌦️6.总结

核心 说明
window 对象 表示浏览器窗口。它是 BOM 的核心对象,提供了浏览器窗口的各种方法和属性。
location 对象 表示当前文档的 URL 信息。它提供了访问和操作浏览器地址栏的方法和属性。
navigator 对象 对象:提供了浏览器的相关信息,如浏览器的名称、版本等。
screen 对象 提供了关于用户屏幕的信息,如屏幕尺寸、颜色深度等。
history 对象 表示浏览器的浏览历史记录,可以通过它来前进或后退到不同的页面。
document对象 表示当前加载的网页,提供了操作和修改网页内容的方法和属性。

BOM还提供了一些其他的对象,用于处理浏览器事件、显示对话框、发送HTTP请求等功能。通过使用这些对象,JavaScript可以与用户交互,并且可以控制和操作浏览器窗口和网页内容。文章来源地址https://www.toymoban.com/news/detail-775332.html

到了这里,关于Javascript 什么是BOM的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript学习 --- BOM

    BOM(Browser Object Model,浏览器对象模型)是JavaScript中的一个重要组成部分,它提供了与浏览器窗口和文档进行交互的API。BOM包括了一个全局的 window 对象,以及许多其他对象,例如 location 、 navigator 、 screen 和 history 。在本文中,我们将深入探讨JavaScript中BOM的相关知识。 在

    2024年02月16日
    浏览(37)
  • JavaScript中BOM常用操作

    window 对象,是 JS 的最顶层对象,其他的 BOM 对象都是 window 对象的属性; document 对象,文档对象; location 对象,浏览器当前URL信息; navigator 对象,浏览器本身信息; screen 对象,客户端屏幕信息; history 对象,浏览器访问历史信息; window.location对象:用于获得当前页面的地

    2024年02月15日
    浏览(37)
  • 细说JavaScript BOM之window常用子对象

    一、location location翻译过来就是位置的意思,打开浏览器窗口大家可以看到导航栏上有一个URL地址。 location常用对象属性 属性 描述 search 设置或返回从问好(?)开始的URL hash 设置或返回从#后面开始的URL protocol 设置或返回当前URL的协议 host 设置或返回主机名和当前URL的端口号

    2024年01月19日
    浏览(47)
  • javascript基础二十一:说说你对BOM的理解,常见的BOM对象你了解哪些?

    一、是什么 BOM (Browser Object Model),浏览器对象模型,提供了独立于内容与浏览器窗口进行交互的对象 其作用就是跟浏览器做一些交互效果,比如如何进行页面的后退,前进,刷新,浏览器的窗口发生变化,滚动条的滚动,以及获取客户的一些信息如:浏览器品牌版本,屏幕分

    2024年02月07日
    浏览(43)
  • JavaScript 入门指南(三)BOM 对象和 DOM 对象

    BOM(browser Object Model)即浏览器对象模型 BOM 由一系列对象组成,是访问、控制、修改浏览器的属性的方法 BOM 没有统一的标准(每种客户端都可以自定标准)。 BOM 的顶层是 window 对象 window 对象表示浏览器中打开的窗口。 使用 window 对象中的属性和方法,可以省略对象名,直

    2024年04月09日
    浏览(43)
  • 开发语言漫谈-JavaScript

           JavaScript、Java名字很相近,但它们没有任何亲缘关系,是由不同公司开发的编程语言。Java由Sun公司(后被Oracle收购)开发,JavaScript最初是由Netscape公司开发的(当年浏览器的霸主)。JavaScript最初的名字是 LiveScript,Netscape将其命名为 JavaScript,无非是蹭 Java流量。当

    2024年04月16日
    浏览(50)
  • 建站系列(五)--- 前端开发语言之HTML、CSS、JavaScript

    建站系列(一)— 网站基本常识 建站系列(二)— 域名、IP地址、URL、端口详解 建站系列(三)— 网络协议 建站系列(四)— Web服务器之Apache、Nginx 建站系列(五)— 前端开发语言之HTML、CSS、JavaScript 建站系列(六)— 后端开发语言 建站系列(七)— 常用前后端框架

    2024年02月09日
    浏览(56)
  • (自己动手开发自己的语言练手级应用)JSON(JavaScript Object Notation) 产生式(BNF)

     写自己的开发语言时,很多人都会拿JSON当第一个练习对象 开源net json FJSON 解析工具 https://dbrwe.blog.csdn.net/article/details/107611540?spm=1001.2014.3001.5502 以上是JSON的简化产生式表示形式。其中, json 是最顶层的规则,可以是一个对象或一个数组。 object 表示一个对象,由一对大括号

    2024年02月10日
    浏览(53)
  • 大型医院云HIS系统:采用前后端分离架构,前端由Angular语言、JavaScript开发;后端使用Java语言开发 融合B/S版电子病历系统

    一套医院云his系统源码 采用前后端分离架构,前端由Angular语言、JavaScript开发;后端使用Java语言开发。融合B/S版电子病历系统,支持电子病历四级,HIS与电子病历系统均拥有自主知识产权。 文末卡片获取联系! 基于云计算技术的B/S架构的医院管理系统(简称云HIS),采用前后

    2024年02月03日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包