BOM（浏览器对象模型）和DOM(宿主对象模型)

最新推荐文章于 2024-11-21 20:05:45 发布
最新推荐文章于 2024-11-21 20:05:45 发布
阅读量963 收藏 3
点赞数
分类专栏： js 文章标签： BOM和DOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43739375/article/details/88651977
版权
本文介绍了BOM（浏览器对象模型）和DOM（文档对象模型）。BOM允许JavaScript与浏览器交互，包括window对象、location对象、screen对象等。DOM是HTML文档的对象模型，通过节点操作可以实现动态HTML。文章详细讲解了DOM节点、查找与操作节点、事件处理等概念。
摘要由CSDN通过智能技术生成

一.什么是BOM（浏览器对象模型)
BOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

1. window对象
window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。

  • 所有浏览器都支持 window 对象。它表示浏览器窗口；

  • 概念上讲：一个html文档对应一个window对象；

  • 功能上讲：控制浏览器窗口的；

  • 使用上讲：window对象不需要创建对象，直接使用即可；

  • 所有 JavaScript全局对象、函数以及变量均自动成为 window 对象的成员;

  • 全局变量是 window 对象的属性;

  • 全局函数是 window 对象的方法

window对象方法：
在这里插入图片描述
2.location对象

最低0.47元/天 解锁文章
BOM 浏览器对象模型
langmanboy的博客
04-15 370
BOM 浏览器对象模型 浏览器对象模型（Browser Object Model），简称 BOM，表示由浏览器（主机环境）提供的用于处理文档（document）之外的所有内容的其他对象 window 浏览器实例 location 加载文档的信息和常用导航功能实例 navigator 客户端标识和信息的对象实例 history 当前窗口建立以来的导航历史记录 screen 客户端窗口及屏幕信息 1. window 对象 window 对象是 BOM 的核心，是 js 访问浏览器的接口，也是 ES 规定的
DOM 文档对象模型
fang392的博客
03-29 306
文档：DOM中的“D” D即document，当我们想要创建一个网页并把它加载到Web浏览器中，这个时候就需要用到DOM，它把我们编写的网页文档转换成一个文档对象。 对象：DOM中的“O” O即object，对象是一种自足的数据集合，与某个特定的对象相关联的变量称为这个对象的属性，只能通过某个特定的对象去调用的函数称为这个对象的方法。 var obj = {name:"Tom",age:20, fullName : function() { return this.name;
浏览器中的BOM和DOM
titan
03-16 179
BOM 浏览器对象模型         提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX对象等等） 文档结构图 BOM由以一系列相关的对象组成。下图展示了基本的BOM体系结构...
浏览器对象模型(BOM)
最新发布
m0_58258716的博客
11-21 843
浏览器对象模型(BOM)用于将JavaScript脚本与浏览器进行交互。浏览器对象模型目前没有具体的标准。由于现代浏览器已经(几乎)实现了JavaScript交互性方面的相同方法和属性，因此，BOM常被认为是BOM的方法和属性。
js BOM（浏览器对象模型）
Missy_xw2018的博客
05-06 465
具体参考js手册 navigator.appName //得到浏览器名称 location.href //当前网页地址，修改可跳转到另一个页面 screen.width//屏幕宽 screen.height//屏幕高 history //保存网页浏览记录 history.back()//跳转到上一个网页 history.forward()//跳转到下一个网页 history.go(val) //...
javascript知识点总结（二）之 DOM和BOM对象模型
hlyphard的博客
03-28 364
1，字符串创建方式：1，var str = ‘hello word’；字面量方式创建                               2，var str = new String（‘hello word’）；构造函数方式创建    字符串常见方法：    charAt :根据下标获取字符。str.charAt(0) = 'h'    indexOf:返回字符串在str中第一次出现的位置...
javascript学习笔记（三）BOM和DOM详解
01-19
我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准] 2. BOM 是 ...
JavaScript中的DOM（文档对象模型）
嗨皮的博客
10-31 407
本文包含DOM的定义、DOM的基本概念、节点的概念、DOM树的概念以及DOM的属性以及方法等
JS基础之原生对象 宿主对象 DOM属性 DOM方法 定时器
沙漠皇帝本拉登
03-07 396
JS基础 DOM DOM即Document Object Model是W3C(万维网联盟)的标准 DOM定义访问HTML和XML文档的标准:"W3C文档对象模型(DOM)是中立于平台和语言的接口, 他允许程序和脚本动态的访问和更新文档的内容,结构和样式" W3C DOM标准被分为3个不同的部分: 1.核心DOM-针对任何结构化文档的标准模型 2.XML DOM-针对XML文档的标准模...
浏览器的DOM和BOM
frontend_frank的博客
05-29 109
JavaScript有一个非常重要的运行环境就是浏览器，而且浏览器本身又作为一个应用程序需要对其本身进行操作，所以通常浏览器会有对应的对象模型（BOM，Browser Object Model）。我们可以将BOM看成是连接JavaScript脚本与浏览器窗口的桥梁。BOM主要包括一下的对象模型：window：包括全局属性、方法，控制浏览器窗口相关的属性、方法；location：浏览器连接到的对象的...
BOM（浏览器对象模型）
kkugaii的博客
06-29 251
BOM
BOM(浏览器对象模型)
执笔丶画苍生的博客
08-09 298
BOM是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。每个对象都有对应的属性和方法，通过这些属性和方法我们可以获取浏览器的信息。...
BOM——浏览器对象模型
qq_44700755的博客
11-17 1255
BOM 浏览器对象模型 BOM 的概念 • BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成，其中代表浏览器窗口的 Window对象是 BOM 的顶层对象，其他对象都是该对象的子对象。 • 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等。 window 对象 • window 是浏览器的顶级对象，当调用 window 下的属性和
BOM （浏览器对象模型）
ordinaryzry的博客
06-30 107
BOM （浏览器对象模型）
浏览器对象模型BOM
qq_41988669的博客
11-28 1147
BOM( Browser Object Model )即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。//假设当前URL：'http://www.maxiaofei.com/Web/test.js?} , item;i ++) {
BOM--浏览器对象模型
岂曰无衣
12-31 452
浏览器对象模型(BOM)是什么？ BOM是Browser Object Model的缩写，简称浏览器对象模型。 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM体系结构图： BOM能做什么？ BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的一些信息如：浏览器品牌版本，屏幕分辨率。但BOM最强大的功能是它提供了一个访问HTML页面的一入口——document对象，以使得我们可以通过这个入口来
JavaScript操作浏览器：BOM与DOM基础
“DAY04_BOM_DOM（上）.md”是关于JavaScript中浏览器对象模型(BOM)和文档对象模型(DOM)的介绍，重点讲解如何使用JavaScript操作浏览器功能和HTML元素。 在JavaScript中，对象可以分为两类：原生对象（Native ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值