javascript-bom-浏览器对象模型

最新推荐文章于 2025-04-17 09:45:00 发布
原创 最新推荐文章于 2025-04-17 09:45:00 发布 · 330 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入讲解浏览器对象模型(BOM)，包括window对象的功能，如打开网页、获取浏览器窗口尺寸。同时，详细介绍了location对象的使用，如获取当前网址、页面跳转及刷新。此外，还探讨了弹窗、确认框、提示框的应用，以及setTimeout和setInterval计时器的高级用法。

bom

浏览器对象模型

window对象

  • 打开一个网页

在这里插入图片描述
效果，打开了百度页面

从新的窗口

在这里插入图片描述

  • 浏览器窗口内部的宽高

在这里插入图片描述

window的子对象

  • location对象

获取当前网址

在这里插入图片描述

访问一个网页

window.location.href = 网址

location.href = 网址

在这里插入图片描述
页面会跳转

在当前页会跳到百度页

会看到百度的一些console输出

在这里插入图片描述

重新加载本页面，刷新本页

在这里插入图片描述
效果同

在这里插入图片描述

  • 弹出框

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  • 确认框

confirm

在这里插入图片描述
在这里插入图片描述

点击确定，返回true，点击取消，返回false

在这里插入图片描述

  • 提示框

prompt

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 计时器，一次性
setTimeout(函数名，豪秒数)

在这里插入图片描述
setTimeout（执行语句，豪秒数）

关注 setTimeout的返回值h

返回值是一个整数，计算了数量

可以利用它来进行计时器的取消

取消计时器

clearTimeout(计数器的数值)

在这里插入图片描述

通常情况

定义，取消的操作

在这里插入图片描述

配合函数来使用

在这里插入图片描述

  • 定时器，隔一段时间触发一次
setInterval（函数名，豪秒数）

在这里插入图片描述

JavaScript高级程序设计 第12章---BOM浏览器对象模型
weixin_40794404的博客
08-26 1170
第12章 BOM 本章内容： 理解BOM的核心——window 对象 控制窗口及弹窗 通过location 对象获取页面信息 使用navigator 对象了解浏览器 通过history 对象操作浏览器历史 BOM是使用JavaScript 开发Web 应用程序的核心，提供了与网页无关的浏览器功能对象。
slide-bom:浏览器对象模型 (BOM) 的网页幻灯片
07-10
"Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题，特别是聚焦在JavaScript中的浏览器对象模型（Browser Object Model）。"滑动炸弹"可能是指一种动态效果或者交互设计，其中幻灯片以滑动方式...
JavaScript_BOM浏览器对象模型
weixin_44564263的博客
04-28 188
开发工具与关键技术：Adobe Dreamweaver JavaScript 作者：郭程富 撰写时间：2020年4月28日 知识点： 什么是BOM? BOM就是浏览器对象模型也称宿主对象。 BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。 BOM将浏览器中的各个部分转换成了一个一个的对象，我们通过修改这些对象的属性，调用他们的方法，从而控制浏览器的各种行为。简单来说：B...
JavaScript 入门（三）BOM浏览器对象模型
我的E家
05-24 724
操作浏览器 BOM浏览器对象模型 --操作浏览器 //window对象，最低层的对象，其6大属性本身也是对象； document属性也是对象，其有5大属性（也是对象） //全局变量是 window 对象的属性。 //全局函数是 window 对象的方法 //甚至 HTML DOM 的 document 也是 window 对象的属性之一： window.document.getElemen
js基础 ---- BOM 浏览器对象模型
幽幽谷
04-17 823
js基础 ---- BOM 浏览器对象模型
JavaScript-Browser BOM浏览器对象模型
LOST JACK
10-07 250
Web APIs 学习归纳6--- BOM浏览器对象
SPIRITE_SYF的博客
05-01 1350
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其顶级对象是 window。window 对象给我们提供了一个 location 属性用于获取或设置窗体的 URL，并且可以用于解析 URL。因为 这个属性返回的是一个对象，所以我们将这个属性也称为 location 对象。统一资源定位符 (Uniform Resource Locator, URL) 是互联网上标准资源的地址。
JavaScript - BOM浏览器对象模型笔记1.0
weixin_42857338的博客
09-29 285
浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model）尚无正式标准 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象(BOM)的层次结构 当前浏览器窗口即Window 对象 网页文档内容即document对象 浏览器地址栏即location对象 前进和后退即history对象 Window 对象 ...
javascript-之-BOM 浏览器对象模型（ BOM 的核心--window）
qq_42072844的博客
04-19 876
BOM（Browser Object Model 浏览器对象模型） BOM的概述 1、什么是BOM BOM（Browser Object Model）： 浏览器对象模型 BOM 的核心就是 window 对象 把浏览器当作一个对象来看待 （window 是浏览器内置的一个对象，里面包含着操作浏览器的方法） BOM学习是浏览器窗口的一些对象 获取一些浏览器的相关信息（窗口的大小） 操作浏览器进...
JavaScript---BOM，DOM 对象
2401_86102746的博客
10-02 519
对于该事件，如果阻止表单提交，绑定的匿名函数体返回false。获取：使用 window.location获取，其中window. 可以省略。直接使用 window调用window对象中的属性和函数，其中window.可以省略。2当点击注册按钮时，判断所有输入框的内容是否都符合要求，如果不合符则阻止表单提交。方法：forward()：加载 history 列表中的下一个 URL。DOM中将所有的标签封装成对象 img标签 ===>Image 对象。事件：HTML 事件是发生在 HTML 元素上的“事情”。
前端开发JavaScript操作BOM详解：浏览器对象模型核心功能与应用实例综述
06-19
BOM是浏览器对象模型(Browser Object Model)的简称，它提供了一系列的接口，允许JavaScript与浏览器交互。BOM的核心对象是window对象，window对象不仅包括document，还涉及到location、navigator、screen和history等...
前端开发基于BOM的浏览器对象模型核心技术解析：JavaScript与DOM交互及跨域通信方案设计
11-14
内容概要：本文详细介绍了浏览器对象模型（BOM）的核心组成部分及其操作方法，涵盖window对象、navigator对象、screen对象、cookie、XMLHttpRequest、同源策略、CORS、Storage接口、History对象、Location与URL相关...
Nodejs后端服务构建与数据库缓存集成实践项目_通过Nodejs环境搭建实现MySQL数据库连接与Redis缓存机制整合的完整示例_旨在为开发者提供一个清晰易懂的教程式代码库.zip
01-08
Nodejs后端服务构建与数据库缓存集成实践项目_通过Nodejs环境搭建实现MySQL数据库连接与Redis缓存机制整合的完整示例_旨在为开发者提供一个清晰易懂的教程式代码库.zip
关闭126邮箱和163邮箱的网易广告
01-08
代码转载自：https://pan.quark.cn/s/149513ca1c18 此实例主要用于教学目的供参考，其中包含了SetTimer()函数的运用，FindWindow()函数的调用，GetWindowThreadProcessId()函数的执行，OpenProcess()函数的应用以及TerminateProcess()函数的简单操作
基于ILP的最优PMU放置优化研究（Matlab代码实现）
01-08
基于ILP的最优PMU放置优化研究（Matlab代码实现）内容概要：本文围绕基于整数线性规划（ILP）的最优PMU（相量测量单元）放置优化展开研究，重点考虑楼宇空间布局对电力系统可观测性的影响，旨在通过数学优化方法实现PMU的最小化配置，以降低成本并保证系统完全可观测。文中提供了完整的Matlab代码实现方案，涵盖模型构建、约束条件设定及求解过程，并结合实际电力系统节点案例进行仿真验证，具有较强的工程应用价值。此外，文档还附带多个相关科研方向的技术资源与代码示例，涉及智能优化算法、机器学习、路径规划、信号处理等领域，形成一套综合性科研辅助资料。; 适合人群：具备电力系统基础知识和Matlab编程能力的研究生、科研人员及从事电力自动化、智能电网相关工作的工程技术人员。; 使用场景及目标：①用于电力系统状态估计中的PMU最优布点研究；②支撑智能电网可观测性分析与传感器配置优化；③作为学术论文复现、课程项目开发或科研课题的技术参考；④拓展应用于其他优化问题的建模与求解实践。; 阅读建议：建议读者结合文中提供的Matlab代码与网盘资源，逐步运行并调试程序，深入理解ILP建模思路与约束设计逻辑，同时可借鉴其他案例提升综合仿真能力。
【二阶锥规划】考虑气电联合需求响应的气电综合能源配网系统协调优化运行【IEEE33节点】（Matlab代码实现）
01-08
【二阶锥规划】考虑气电联合需求响应的气电综合能源配网系统协调优化运行【IEEE33节点】（Matlab代码实现）内容概要：本文介绍了基于二阶锥规划的气电综合能源配网系统协调优化运行方法，重点研究了在IEEE33节点系统中考虑气电联合需求响应的优化模型。通过Matlab代码实现，构建了电能与天然气系统协同运行的数学模型，利用二阶锥松弛技术将非凸非线性问题转化为可高效求解的凸优化问题，实现了对能源供应、负荷需求及网络约束的综合协调优化。该方法能够有效提升综合能源系统的运行效率与经济性，并增强对可再生能源的消纳能力。; 适合人群：具备电力系统、能源系统或优化建模基础知识的研究生、科研人员及从事综合能源系统研究的工程技术人员。; 使用场景及目标：①用于学习和复现气电联合系统优化调
基于DeepseekAI智能辅助的C编程学习全流程记录与实战项目演练仓库_包含C基础语法面向对象编程标准模板库STL现代C特性C11141720数.zip
01-08
基于DeepseekAI智能辅助的C编程学习全流程记录与实战项目演练仓库_包含C基础语法面向对象编程标准模板库STL现代C特性C11141720数.zip
基于3D视觉的移动机器人导航与控制.zip
最新发布
01-08
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
深入理解JavaScript BOM：浏览器对象模型详解
"JavaScript浏览器对象模型BOM使用介绍，主要涉及window对象的属性和方法，包括窗口状态、文档对象、历史记录、框架、屏幕信息等，以及与用户交互相关的alert、blur等方法。" JavaScript的浏览器对象模型（Browser ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

鲸鱼编程pyhui

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

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

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

打赏作者

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

抵扣说明：

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

余额充值