文章 2023-02-08 来自:开发者社区

BOM 浏览器对象模型 上

前言本文讲解了BOM 浏览器对象模型,如果本文对你有所帮助,请三连支持博主,你的支持是我更新的动力。以下是本篇文章正文内容一、BOM 概述1.1 什么是 BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,Java....

BOM 浏览器对象模型  上
文章 2022-12-05 来自:开发者社区

浏览器对象模型BOM的基本使用

BOM浏览器对象模型它允许 JavaScript 与浏览器对话Window 对象所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。document 对象也是 window 对象属性窗口尺寸window.innerHeight - 浏览器窗口的内高度(以像素计)window.innerWi....

文章 2022-10-19 来自:开发者社区

WebApi入门第九章(BOM浏览器对象模型)

1.BOM与DOM介绍JavaScript语言由三部分组成ECMAJavaScript:定义了js的语法规范Dom:document object model文档对象模型:一个HTML文档中所有的一切都是dom对象 * Dom定义了一套操作HTML文档的API(节点的增删改查) Bom:Browser object model浏览器对象模型 例如:一个浏览器的窗口就是一个window.....

WebApi入门第九章(BOM浏览器对象模型)
文章 2022-09-25 来自:开发者社区

前端都应该了解的浏览器Dom事件、Ajax、Bom

0. 事件流以及事件委托机制在如图这样一段html结构中,我们点击button,同时也是点击了div、body、以及窗口,此时需要规定事件触发的顺序。如果直观地认为是点击了button则应该直接触发button的事件,外层div和body我们是无感知的,那么这时的事件流就是冒泡,从里向外。反之就是捕获事件流,无论点击的是什么,都先从最外层触发事件。前者符合直觉,后者符合html结构逻辑,所以w3....

前端都应该了解的浏览器Dom事件、Ajax、Bom
文章 2022-06-18 来自:开发者社区

摸鱼不如来了解一下-- BOM浏览器对象模型(下)

方法调用中,谁调用,this就指向谁网络异常,图片无法展示|构造函数中,this指向构造函数的实例网络异常,图片无法展示|js执行●   js语言的一大特点就是单线程,同一时间只能做一件事。单线程意味着所有任务都要排队,前一个任务结束,才执行下一个任务。这就有个问题:如果js执行时间太长,这样会造成页面渲染不连贯,导致页面渲染加载阻塞●   同步:前一个任务执行完毕之后再执行....

摸鱼不如来了解一下-- BOM浏览器对象模型(下)
文章 2022-06-18 来自:开发者社区

摸鱼不如来了解一下-- BOM浏览器对象模型(上)

BOM浏览器对象模型(browser object model)●   BOM提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window网络异常,图片无法展示|window对象●   window对象是浏览器顶级对象,他具有双重角色●   他是js访问浏览器窗口的一个接口●   他是一个全局对象,定义在全局作用域中的变量和函数都会变成windo....

摸鱼不如来了解一下-- BOM浏览器对象模型(上)
文章 2022-05-16 来自:开发者社区

JavaScript基础——BOM浏览器对象模型

Window代表的是整个浏览器的窗口,同时window也是网页中的全局对象  。重要属性如下所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。<script> window.innerHeight - 浏览器窗口的内部高度(包括滚动条) wind...

文章 2022-04-27 来自:开发者社区

浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(下)

关闭窗口既然window对象有打开窗口的函数,那肯定少不了关闭窗口的函数,我们可以通过 window对象.close() 的方式,关闭一个窗口,大多数的浏览器只允许关闭由自己的js代码打开的窗口<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g...

浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(下)
文章 2022-04-27 来自:开发者社区

浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(上)

Window对象介绍Window对象在客户端JavaScript中扮演着核心的角色,它是客户端的一个全局内置对象。我们可以使用 window 来引用这个对象,比如当我们打开一个网页,window 就代表这个网页;如果打开多个页面,则他们都有各自的 window 且互不相同。计时器我们一定见过这样两个函数,setTimeout() 和 setInterval(),它们就是我们常说到计时器函数。其实....

浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(上)
文章 2022-04-27 来自:开发者社区

浏览器中BOM(浏览器对象模型)重点掌握对象之Location对象的属性与方法

Location对象的作用Location对象包含着关于当前网页的URL信息,并且可以对URL进行拆分 、读写等各种操作。Location对象的引用我们可以通过浏览器的全局对象window来引用Location,像这样window.location ,也可以直接通过 location 来引用Locagtion对象。window.location === location //返回 tr...

浏览器中BOM(浏览器对象模型)重点掌握对象之Location对象的属性与方法

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCardInfo":{"productTitle":"无影 Agent 开发套件 AgentBay","productDescription":"无影 Agent 开发套件 AgentBay 是一款专为 AI Agent 提供的任务执行工具和平台,提供浏览器(Browser Use)、桌面(Computer Use)、代码(CodeSpace)、移动端(Mobile Use)全覆盖的安全沙箱环境,支持 SDK 和 MCP 接入,依托阿里云强大算力实现智能体的高效调度与规模化运行。","productContentLink":"https://www.aliyun.com/product/agentbay","isDisplayProductIcon":true,"productButton1":{"productButtonText":"产品详情","productButtonLink":"https://www.aliyun.com/product/agentbay"},"productButton2":{"productButtonText":"文档","productButtonLink":"https://help.aliyun.com/zh/agentbay/product-overview/"},"productButton3":{"productButtonText":"控制台","productButtonLink":"https://agentbay.console.aliyun.com/overview"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"产品发布","productPromotionInfoFirstText":"无影 AgentBay 国际站上线","productPromotionInfoFirstLink":"https://www.alibabacloud.com/product/agentbay","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""},{"$id":"1","productPromotionGroupingTitle":"产品交流","productPromotionInfoFirstText":"无影 AgentBay 用户交流群","productPromotionInfoFirstLink":"https://img.alicdn.com/imgextra/i3/O1CN019uJaAu28GXyoau67d_!!6000000007905-2-tps-1080-1357.png","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""},{"$id":"2","productPromotionGroupingTitle":"新人专享","productPromotionInfoFirstText":"无影 AgentBay 新人0.01元优惠","productPromotionInfoFirstLink":"https://common-buy.aliyun.com/?spm=5176.30918410.J_WB32E9T-bokl57SJYCiyd.1.69a93c65F8UN9r&commodityCode=gws_agentbaypackage_public_cn","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""},{"$id":"3","productPromotionGroupingTitle":"开源社区","productPromotionInfoFirstText":"无影 AgentBay SDK 已开源","productPromotionInfoFirstLink":"https://github.com/aliyun/wuying-agentbay-sdk","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}