JS之BOM

最新推荐文章于 2024-07-18 10:24:18 发布
最新推荐文章于 2024-07-18 10:24:18 发布
阅读量135 收藏
点赞数 2
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/striving_ze/article/details/138277627
版权

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

Bom的核心是 window 对象（浏览器内置对象，包含操作浏览器的方法）

1.获取浏览器窗口尺寸

window.innerWidth/innerWidth

window.innerHeight/innerHeight

window.outerWidth/outerWidth

window.outerHeight/outerHeight

2.弹出层（会阻塞后续代码的执行）

alert/confirm/prompt

3.地址信息（window.location/llocation）

href：当前地址（可以读取，可以修改）

reload：重新加载当前页面

4.onload（当前页面中dom、css、视频图片等资源加载完成后执行的方法）

        

玲领铃凌岭
关注
Javascript之BOM与DOM讲解
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
JavaScript之BOM
qq_47157937的博客
01-26 408
文章目录一.BOM概述1.什么是BOM2.BOM的构成3.窗口加载事件4.调整窗口大小事件5. 定时器6.this二.JS执行机制1.JS是单线程2.location对象3.location对象的属性4.location对象的方法5.navigator对象6.history对象 一.BOM概述 1.什么是BOM BOM（BrowserObject Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM由一系列相关的对象构成，并且每个对象都提供了很对方法
JavaScript之BOM操作
fusheng_lee的博客
03-29 509
BOM操作
JavaScript之BOM对象模型
xu1022的博客
04-21 228
一、BOM对象模型 当用户在浏览器中打开一个页面时，浏览器就会自动创建一些对象，因为这些对象存放了浏览器窗口的属性和其他相关信息，被称为浏览器对象。浏览器对象模型BOM描述了这些层次化对象的关系，window是BOM对象模型的顶级对象，其下一层是documen、navigator、frames、history和screen对象。document下一层是form、anchor、link、cookie、image等对象的集合。每个层次上的对象都是其父对象的属性，可以通过“父对象.子对象”的方式访问，如windo
JavaScript 之BOM基础
程序人生
02-23 178
JavaScript 之 BOM 基础 Target 什么是BOM 浏览器的顶级对象 window 页面加载事件以及注意事项 两种定时器函数及区别 JS执行机制 使用location对象完成页面之间的跳转 知晓navigator对象涉及的属性 使用history提供的方法实现页面刷新 一. BOM概述 BOM提供了独立于内容而与浏览器窗口进行交互的对象 和 属性.BOM没有标准, 兼容性较差, 以下为兼容性较好的内容 BOM的顶级对象为window, DOM包含于BOM中 window 中的主要
js之BOM
shkstart的博客
11-04 397
1 BOM 的概念 1.1 什么是 BOM BOM 全称 Browser Object Model，译为浏览器对象模型。 BOM 是浏览器为 JavaScript 提供的能够对浏览器进行相关操作的 API。 1.2 BOM 的作用 1）弹出新浏览器窗口的能力。 2）移动、关闭和更改浏览器窗口大小的能力。 3）可提供WEB浏览器详细信息的导航对象。 4）可提供浏览器载入页面详细信息的本地对象。 5）可提供用户屏幕分辨率详细信息的屏幕对象； 6）支持Cookies。 1.3 BOM 对象
JavaScript基础知识之BOM
qq_38652677的博客
10-28 1416
BOM是浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性。BOM缺乏标准，javascript语法的标准化组织是ECMA,DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。DOM和BOM的比较DOM：文档对象模型、DOM就是把[文档]当作一个[对象]来看待、DOM的顶级对象是document、DOM主要学习的是操作页面元素、DOM是W3C标准规范。
javaScript之BOM
陈小陈的博客
11-11 109
BOM javascript 的组成部分 DOM (document object model) 文档对象模型 BOM (browers object model) 浏览器对象模型 ECMAScript js 的核心 BOM 下五大对象 1、window 对象 innerWidth/innerHeight 可视区宽高 open 方法 打开新的窗口 window.open(URL,target,specs,replace) URL 新窗口地址 target 属性 新窗口打开方式 _
JavaScript之BOM基础
SOALIN的博客
11-19 223
BOM基础
Javascript之BOM(window对象)详解
10-22
JavaScript中的BOM（Browser Object Model，浏览器对象模型）主要处理与浏览器交互的接口，而其中的`window`对象是BOM的核心，它代表了浏览器的一个实例。`window`对象不仅充当JavaScript访问浏览器窗口的接口，同时...
JavaScript BOM操作 示例代码
07-01
JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript ...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 780
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
ReactRouter v6升级的步骤
feixin369的博客
07-14 431
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 351
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
react 快速入门思维导图
最新发布
weixin_44565776的博客
07-18 188
只要掌握了这些react技能，基本就可以熟练使用react了
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 974
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
weixin_73582152的博客
07-15 765
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值