window、BOM、 document、 DOM

最新推荐文章于 2021-06-16 05:21:22 发布

转载最新推荐文章于 2021-06-16 05:21:22 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lyraLee/p/11578051.html

本文深入解析了JavaScript中关键的浏览器对象模型(BOM)和文档对象模型(DOM)，详细阐述了window和document对象的功能与使用方法，包括如何获取浏览器窗口尺寸及DOM元素。适合初学者和进阶开发者参考。

window：顾名思义，窗口，浏览器窗口。是Window构造函数的一个实例对象。

它包含浏览器的一些属性和方法，如screen,location,history,setInterval等。

// 浏览器窗口的高度和宽度（不包含工具栏和滚动条）--兼容办法
var width = window.innerWidth || document.documentElement.clientWidth ||
document.body.clientWidth

var height = window.innerHeight ||
document.documentElement.clientHeight ||
document.body.clientHeight

所有JS变量中的全局变量和函数成为window对象的属性和方法。

BOM： BrowserObjectModel; 浏览器对象模型；允许JS和浏览器通话。

window是BOM的一个顶层对象。

document: 文档对象，一个html页面是一个文档对象。包含<!DOCTYPE html> 的声明。

可以通过document对象提供的各种方法和属性访问文档内的内容。里面的每个标签都是一个DOM对象。

const htmlDOM = window.document.documentElement; 
const rooElement = window.document.getElementById('root');

DOM： DocumentObjectModel。文档对象模型。

document对象是DOM的一个顶层对象。

另外window对象包含document对象。

window.document === document

转载于:https://www.cnblogs.com/lyraLee/p/11578051.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30849403

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

浅谈window对象和document对象

筱葭的博客

03-13

8739

1、window：代表浏览器中一个打开的窗口。（1）对象属性 ①　window.self 引用本窗口window==window.self ②　window.name 为窗口名字 ③　window.defaultStatus 窗户状态栏信息 ④　window.location URL地址，设置该属性可打开新的页面（2）对象方法 ①　window.alert("text") 提示信

DOM 与 BOM 的区别

江湖的博客

02-21

592

DOM专注于网页内容和结构，通过 JavaScript 操作 HTML 元素。BOM专注于浏览器本身的操作，提供对浏览器窗口、地址栏、历史记录等功能的访问接口。这两者通常是一起使用的，构成了前端开发中的基本操作环境。

参与评论您还未登录，请先登录后发表或查看评论

JavaScript入门<3>JS外置对象：Window、Document对象与DOM实例详解

飞翔的心

10-16

1819

一）window对象 1、什么是DHTML？ 2、DHTML对象模型 3、什么是Window对象？它有哪些常用属性？常用子对象？ 4、Window对象有哪些常用方法？ 1）对话框 2）窗口的打开与关闭 3）周期性定时器 4）一次性定时器 5）动态时钟二）Document对象与DOM 1、什么是Document对象？什么是DO

html dom 对象 window对象 document对象,第六篇：DOM对象与Document

weixin_42127937的博客

06-16

599

DOM对象概述DOM是一套Web标准，它定义了访问HTML文档对象的一套属性、方法和事件，DOM实际上是建立网页与JavaScript语言沟通的桥梁。对象模型结构DOM的英文全称是Document Object Model，即文档对象模型。文档一般是指HTML文档，DOM对象模型将HTML文档组织为以Node对象为节点的层次结构。一个节点是一个Node对象。Node对象按照节点类型分为元素节点、属...

DOM & BOM

weixin_30597269的博客

06-11

144

Array对象小tips： function $(id) { return document.getElementById(id); } 初始化 var course = new Array ("C++程序设计","HTML开发基础","数据库原理","计算机网络"); var course = ["C++程序设计","HTML开发基础","数据库原理","计算机网络"]; ...

Javascript之BOM与DOM讲解

热门推荐

晨港飞燕的专栏

05-13

8万+

一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...

DOM BOM document window 区别

weixin_39037804的博客

08-31

120

DOM 是为了操作文档出现的 API，document 是其的一个对象； BOM 是为了操作浏览器出现的 API，window 是其的一个对象。使用下图讲解：归DOM管的： E区：即doc...

javascript bom是什么及bom和dom的区别

11-22

BOM的核心对象是`window`，通过它，开发者可以操作浏览器窗口的各种特性，如改变窗口大小、位置，控制导航，以及与用户交互的其他功能。在BOM中，`window`对象扮演着全局作用域的角色，几乎所有的JavaScript变量和...

Javascript基础知识（三）BOM，DOM总结

10-25

BOM和DOM是JavaScript中两个非常重要的概念，它们是实现网页动态交互的核心技术。BOM（Browser Object Model）指的是浏览器对象模型，它允许开发者通过JavaScript操作浏览器窗口、导航历史、定时器等浏览器自身功能...

javascript中的BOM与DOM、JS核心.pdf

11-16

BOM对象包含了DOM（Document Object Model）模型的根节点。 DOM模型的根节点是document对象，该对象包含了forms、location、anchors、images、links等子节点。通过操作这些对象的属性和方法，可以实现操作浏览器...

web前端知识总结-BOM和DOM

liona_koukou的博客

07-15

3972

BOM：我们都知道JavaScript是运行在浏览器中的，所以JavaScript提供了一些列对象用于和浏览器窗口进行交互，这些对象主要包括window、document、location、navigator和screen等，通常统称为浏览器对象模型browser object model BOM Window对象是整个JavaScript脚本运行的顶层对象常用属性如下： Document-

Javascript中DOM，window对象,history对象，location对象，document对象，内置对象

qq_42408149的博客

09-16

3096

BOM BOM：浏览器对象模型（Browser Object Model） BOM提供了独立于内容的，可以于浏览器窗口进行互动的对象结构常用的属性： history:有关客户访问过的URL的信息 location:有关当前的URL的信息 <button onclick="javascript:location.href='http=：//www.163.com';"...

document、DOM、window、BOM区别

weixin_34292287的博客

05-09

190

看到一篇不错的讲解这四个的文章，所以这里就把其中的知识点记录下来，并且加上我自己的一些总结。总结一下： DOM 是为了操作文档出现的 API，document 是其的一个对象； BOM 是为了操作浏览器出现的 API，window 是其的一个对象。 DOM 为了能够通过编程的方法操作HTML的内容（添些元素、修改元素、删除元素），即对各种DOM进行操作。 Document Document就是整...

JavaScript之BOM和DOM总结

少年与梦

04-22

1710

1、BOMBOM(Browser Object Model) 即浏览器对象模型，主要是指一些浏览器内置对象如：window、location、navigator、screen、history等对象，用于完成一些操作浏览器的特定API。用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window...

perl-Tk-ColoredButton-1.05-38.el8.tar.gz

09-07

# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm

【时间序列预测】项目介绍 Python实现基于CNN-BiLSTM卷积双向长短期记忆神经网络进行时间序列预测的详细项目实例（含模型描述及部分示例代码）

09-07

内容概要：本文介绍了一个基于Python实现的CNN-BiLSTM卷积双向长短期记忆神经网络用于时间序列预测的详细项目实例。项目通过融合CNN的局部特征提取能力和BiLSTM的双向时序依赖建模能力，构建了一个高效、准确的端到端深度学习预测模型。文档涵盖了项目背景、目标意义、面临的挑战及解决方案，并详细描述了模型架构与实现原理，提供了关键代码示例，展示了从数据输入、卷积特征提取、池化、双向LSTM处理到全连接输出的完整流程。该模型适用于多领域复杂时间序列数据的高精度预测任务。; 适合人群：具备一定Python编程和深度学习基础，从事数据分析、人工智能或相关领域研究与开发的人员，尤其是工作1-3年的工程师或研究生；; 使用场景及目标：①应用于金融、气象、工业监控、交通流量等领域的高精度时间序列预测；②学习并掌握CNN与BiLSTM融合模型的设计思路与实现方法；③构建具备多尺度特征提取和长期依赖建模能力的深度学习系统；阅读建议：建议结合代码示例与模型架构图进行理解，动手复现并调试模型以加深对前向传播、张量维度变换和网络结构设计的理解，同时可进一步扩展为多变量、多步预测场景。

基于计算机视觉的PCB板小孔自动检测系统-利用高精度工业摄像头采集PCB图像-通过Simulink平台实现图像预处理-灰度转换-几何校正-形态学处理-特征提取-孔位定位-数量统计-.zip

09-07

wireshark基于计算机视觉的PCB板小孔自动检测系统_利用高精度工业摄像头采集PCB图像_通过Simulink平台实现图像预处理_灰度转换_几何校正_形态学处理_特征提取_孔位定位_数量统计_.zip

智慧公寓管理系统-基于SpringBoot和MyBatis的现代化公寓租赁管理平台-包含住户信息管理-房间管理-费用管理-维修管理-公告管理-访客管理-投诉管理等核心功能模块-采用.zip