javascript: The Browser Object Model(BOM)

JavaScript Navigator: A Comprehensive Guide to Mastering the Browser‘s Navigation Object 【代码】JavaScript Navigator: A Comprehensive Guide to Mastering the Browser‘s Navigation Object。 阅读详情

window

  • window对象是浏览器或者框架自身.top总是浏览器,parent是父框架,self表示自己. window通常可以省略.
  • 窗口操作: moveBy(dx, dy), moveTo(x, y), resizeBy(dw, dh), resizeTo(w, h).
  • 导航: window.open(url, frame name, attribute). attribute可以是left, top, height, width, resizable, scrollable, toolbar, status, location(all default no). 
    • window.open 返回新窗口引用,并且有一个opener对象表示父窗口
    • window.close.
  • 对话框: alert, confirm, prompt.
  • 状态栏: window.status, window.defaultStatus
  • 时 间间隔和暂停: timeoutId = setTimeout("alert('hello world')", 1000); clearTimeout(timeoutId);类似有setInterval和clearInterval.
  • 历史: window.history.go(+-n), history.back, history.forward. history.length

document

  • alert(window.document == document) == true. 他是唯一一个既属于DOM又属于BOM的对象
  • 属性:title, URL, referrer, lastModified
  • 集合属性: anchors, applets, embeds, forms, images, links.
  • 方法: write, writeln. 必须在完全载入页面前调用write()和writeln()方法. 如果任何一个方法是在页面载入后调用的,它将抹去页面的内容,显示指定的内容.

location

  • window和 document的属性,相互等价.
  • 属性: hash(位于#后面的东西), host, hostname, href, pathname, port, protocol, search(位于?后面的东西).
  • 方法: assign(), replace(), reload(false=从缓存中导入(default),true=从服务器端导入)

navigator和 screen对象

  • navigator对象表示了浏览器本身,可以获取一些属性,但是各个浏览器支持不同.
  • screen 对象可以得到用户系统的信息,如availHeight, availWidth(可用屏幕宽度和高度,排除了系统任务栏), colorDepth, height, width.
【前端知识之JS】BOM的理解 本系列主要整理前端面试中需要掌握的知识点。本节介绍BOM是什么,以及常用的BOM:window,location,navigator,screen,history。 阅读详情

相关推荐

【tensorrt】——深入解析TypeError: pybind11::init()报错:CUDA版本冲突与解决方案

本文深入解析了TensorRT中常见的TypeError: pybind11::init()报错问题,重点探讨了CUDA版本冲突的根源与解决方案。通过实际案例展示了PyTorch与TensorRT的版本兼容性问题诊断方法,并提供了conda环境管理、环境变量配置等实用修复技巧,帮助开发者有效解决CUDA初始化失败问题。

ggg99的专栏 272

JS基礎:DOM(Document Object Model) & BOM(Browser Object Model)

JS 基礎:DOM & BOM 文章目錄JS 基礎:DOM & BOM簡介參考正文Overview 總覽BOM(Browser Object Model)Window 對象Window.document (Document 對象)Window.history (History 對象)Window.location (Location 對象)Window.navigator (Navigator 對象)Window.screen (Screen 對象)Window.localStorage (

超悠閒的博客 696

RLC电阻电容电感基础知识——电感篇

电感 等效电路 电感线圈由铜导线绕制,等效电路如图所示。 寄生电阻RS,包括了绕线电阻、引脚串联电阻以及磁芯损耗电阻三部分组成,其中绕线电阻与线径、长度、铜线电阻率有关;引脚电阻与引线长短、粗细有关;磁芯损耗电阻与磁芯材料特性有关,显然磁芯损耗电阻还与工作频率有关.寄生电容C主要是绕线圈与圈之间的杂散电容(为PF级),与绕线工艺有关。 等效导纳 显然: (1)当角频率ω(频率f)较小时,呈电感性. (2)当角频率ω等于ω0时,导纳Y虚部为0,呈现电阻性,即发生共振。令导纳Y虚部为0,即可求出共振角频率ω

azj2019的博客 1万+

BOM对象(Browser Object Model 浏览器对象模型)

JavaScript的内置对象是JS语言本身的一部分,而BOM和DOM是由浏览器提供的接口,他们使JavaScript能够与浏览器窗口和文档进行交互。 BOM(Browser Object Model),浏览器对象模型,它提供了与浏览器交互的方法和接口。BOM的主要作用是操作浏览器窗口及窗口上的控件(将浏览器的各个组成部分封装为对象),实现用户和页面的动态交互。BOM包含多个对象,其中,window对象是BOM的顶层对象,其他的对象都是以属性的方式添加到window对象下,也称为window的子对象。

/*多学习 不油腻*/ 1654

社工库2.0

#大题目 社工库2.0 ###环境 whoosh2.7 jieba 12306 python3.7 网上嫖来的网页模板(感谢站长之家 ###实现效果 建立的索引文件 好看的页面 更快的查找速度 ###实现过程 具体的实现过程比较简易,毕竟whoosh已经封装的很好了 第一步 建立索引并存储 schema = Schema(zhanghao=TEXT(stored=True), code=STORED, name=TEXT(stored=True, analyzer=

sdyinruichao的博客 2万+

告别玄学:用Multisim或LTspice仿真带你直观理解PFC的三种工作模式(CCM/DCM/CrM)

本文通过Multisim和LTspice仿真工具,详细解析了PFC(功率因数校正)的三种工作模式(CCM、DCM、CrM)的本质差异。从波形捕捉到参数优化,提供了实用的仿真技巧和工程实践策略,帮助工程师直观理解并优化PFC电路设计,提升THD和功率因数。

weixin_30363285的博客 395

【JS总结】——Browser Object Model(BOM)

学习JS时,学到了BOM和DOM,看到是单词简写,果断应该查一查,好好总结一下。 BOM 简介:     BOM:Browser  Object  Model,浏览器对象模型,是浏览器相关的一组特性,它提供了很多对象,用于访问浏览器。 1、window对象     BOM的核心对象是window,它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层

Coder Yasmine 1757

【ESP32使用MAX98357播放音频】

在物联网和智能家居领域,音频播放功能越来越受到重视。ESP32作为一款功能强大的微控制器,结合MAX98357音频放大器模块,可以实现高品质的音频播放。本文将详细介绍如何使用ESP32的I2S接口通过MAX98357进行音频播放。

vor234的博客 7529

名词(术语)了解--BOM (Browser Object Model)

这些定义和功能使得 BOM 成为前端开发中不可或缺的一部分,它为 Web 应用提供了与浏览器交互的基础能力。

weixin_40539956的博客 1562

华为OD机试 - 统计文本数量(Java 2025 A卷 100分)

华为OD机试 2025A卷题库疯狂收录中,刷题。

学Java,找哪吒 1438

ESP32-IDF开发之旅 外设篇④ 串口通信 Uart

ESP32-S3 UART串口通信详解 本文介绍了ESP32-S3的UART串口通信配置流程,涵盖硬件引脚分配、参数设置、数据收发等关键步骤。

单片机菜鸟哥的博客 495

JavaScript中阶 BOM 浏览器对象模型(Browser Object Model)

提供了独立于HTML页面内容,而于浏览器相关的一系列对象,主要用于管理浏览器窗口与窗口之间的通讯 BOM缺乏标准,HTML和DOM的标准化组织是W3C 浏览器内核 渲染引擎:用来渲染网页内容,将网页代码转为用户看到的页面 脚本引擎:执行JS代码(目前最快的是谷歌的V8) 引用方式 外部:在外部建立JS文件,通过 <script src='路径'></script>在HTML引入 内部:在HTML内部创建 <script>,在标签范围内书写JS代码 内嵌(行

weixin_65257540的博客 353

YOLO系列专栏(十二):YOLO26行业落地实战(三):无人机航拍场景——户外巡检(机载边缘计算+YOLO26)

无人机航拍巡检场景,面临机载设备算力/显存有限、高空航拍目标小、户外环境复杂(风力、光线变化)、图像抖动等问题,对模型的轻量化、实时性、小目标检测能力要求极高。YOLO26相比传统模型,在该场景中具备三大核心优势:✅ 极致轻量化:INT8量化+模型剪枝后,模型体积可压缩至5MB以内,显存占用控制在512MB以内,适配Jetson Xavier NX等机载边缘计算设备;✅ 小目标检测能力强:优化检测头与锚框配置,可精准识别高空航拍中的小尺寸目标(如线路断股、绝缘子裂纹),检测准确率高;

qq_36130719的博客 258

JS---BOM:Browser Object Model 浏览器对象模型

JS BOM:Browser Object Model 浏览器对象模型(将浏览器的各个组成部分封装成对象) 组成:浏览器对象、显示屏对象Screen、window窗口对象、历史纪录对象History、地址栏对象Location(浏览器和显示屏对象不常用) window窗口对象里还包括DOM的Document对象。 [外链图片转存失败(img-nrxYvwHK-1564982844488)(D:\c...

qq_42488087的博客 355

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

BOM(Browser Object Model )

具体学习点击参考 文章目录一、概念二、组成三、Window:窗口对象四、 Location:地址栏对象五、History:历史记录对象六、轮播图小案例七、跳转页面小案例 一、概念 Browser Object Model 浏览器对象模型 将浏览器的各个组成部分封装成对象。 二、组成 * Window:窗口对象 * Navigator:浏览器对象 * Screen:显示器屏幕对象 * His...

南淮北安的博客 462

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

BOM(Browser Object Model)

BOM(Browser Object Model) 是指浏览器对象模型。 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理, 比如:刷新浏览器、后退、前进、在浏览器中输入URL等。 BOM的顶级对象window window是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window.

weixin_42499908的博客 296

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

BOM高级编程(Browser Object Model)

JavaScript的BOM高级编程学习笔记

weixin_52937170的博客 1021

javascript--BOM(browser object model)五大对象

浏览器对象模型:   作用:访问、控制、修改浏览器,与浏览器进行交互(打开新的窗口、回退历史记录、获取url)   BOM与的DOM区别:JS通过BOM与浏览器进行交互、BOM的window对象包含了document对象,document对象是DOM的根节点。 BOM五大对象:   1.window对象:window对象是全局对象,引用对象属性时可直接写属性,不用加上window...

weixin_30273175的博客 1002

JavaScript学习教程,从入门到精通,JavaScript BOM (Browser Object Model) 详解(18)

BOM (Browser Object Model) 是浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象。BOM的核心对象是window,它表示浏览器的一个实例。

qq_45746668的博客 730

BOM—Browser Object Model and DOM—Document Object Model

浏览器对象模型的内涵是每个页面都是一个window对象,而dom是document为基准的模型,而document与wimdow.document指向相同,所以可以这么理解,bom模型的定义是包括dom模型在内的。 如下: BOM是什么? BOM == Browser Object Model == 浏览器对象模型。 js运行在浏览器中,每个页面都是一个window对象...

weixin_30685029的博客 129

js中的BOM操作知识整理

一、什么是BOM?BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。二、关于BOM知识的思维导图三、主流浏览器的介绍浏览器内核主要指的是浏览器的渲染引擎,2013 年以前,代表有 Trident(IE),G...

冰雪为融的博客 2万+

JavaScript中BOM和DOM关系

之前的学习中总是喜欢将知识点记录在笔记本上,但东西多了就很不方便分类管理,所以尝试用博客的方式记录一下 1.BOM与DOM的结构层次图: 首先上一张两者的结构层次图,我认为这张图很好的解释了BOM和DOM之间的层次关系:            2.BOM(Browser Object Model): 浏览器对象模型,主要用于管理窗口与窗口之间的通讯,因此其核心对象是window; BO...

m0_37730872的博客 1002

ECMAscript、BOM(Browser Object Model)

ECM 一、创建对象: var student = new Object(); student.name = "张三"; var student1= { name = "zhangsan", age = 10 } 二、函数 系...

乌昂先生的博客 141

JavaScript BOM即 浏览器对象模型(Browser Object Model) 快速入门

目录 1.Window(窗口) 获取文档显示区域的高度和宽度 获取外部窗体的宽度和高度 打开一个新的窗口 2.Navigator即浏览器对象,提供浏览器相关的信息 打印浏览器相关信息 3.Screen对象表示用户的屏幕相关信息 返回用户的屏幕大小,以及可用屏幕大小 4.History用于记录访问历史 (1)返回上一次的访问 (2)返回上上次的访问 5.Location表示浏...

小渣渣的博客 646

JS操作BOM(Browser Object Model)对象

JS操作BOM(Browser Object Model)对象 1. BOM可实现功能 弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口的大小 页面的前进、后退 2. window对象的常用属性 history:有关客户访问过的URL信息 location:有关当前URL的信息 3. window对象的常用方法 prompt():提示用户输入的对话框 alert():显示带有一个提示...

weixin_45721343的博客 263
上一篇: Crystal Report中导出Excel遇到的问题和解决方法
下一篇: javascript: The Document Object Model(DOM)
帅帅兔子
博客等级 码龄24年 7粉丝 29原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

帅帅兔子

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

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

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

打赏作者

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

抵扣说明:

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

余额充值