JavaScript——BOM

最新推荐文章于 2024-06-14 11:01:38 发布
最新推荐文章于 2024-06-14 11:01:38 发布
阅读量555 收藏 1
点赞数
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56783154/article/details/123311718
版权

目录

JavaScript——BOM

1. BOM概述

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window
BOM由一系列相关的对象构成，并且每个对象都提供了很多的方法和属性
BOM缺乏标准，JS语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是NetScape浏览器标准的一部分

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

2. window对象的常见事件

2.1 页面加载事件

在这里插入图片描述
window.onload是窗口（页面）加载事件，当文档内容（包括图像、脚本文件、CSS文件等）完全加载完成才触发该事件
在这里插入图片描述
DOMContentLoaded仅当DOM加载完成，不包括样式表，图片和flash等等
如果页面图片很多，从用户访问到onload触发可能需要很长时间，交互效果就不能实现，必然影响用户体验，此时用DOMContentLoaded事件比较合适

2.2 调整窗口大小事件

在这里插入图片描述

在这里插入图片描述

3. 定时器

3.1 setTimeout

在这里插入图片描述

3.2 clearTimeout

在这里插入图片描述

4. JS执行机制

4.1 this指向

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向是那个调用它的对象
现阶段，我们先了解几个this指向

  1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）
  2. 方法调用中，谁调用了这个方法，this就指向谁
  3. 构造函数中，this指向构造函数的实例

4.2 JS是单线程

在这里插入图片描述

4.3 同步和异步

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

4.4 JS执行机制

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

5. location对象

5.1 什么是location对象

在这里插入图片描述

5.2 URL

在这里插入图片描述

5.3 常用属性

在这里插入图片描述

5.4 常用方法

在这里插入图片描述

6. navigator对象

在这里插入图片描述

7. history对象

在这里插入图片描述

专注且自信
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
c认证web进阶dom与bom
10-03
ID和CLASS的区别 DOM上 1、DOM结构及节点 2、常用节点获取方法和属性 3、常用的节点属性获取方式 关于图片复制到csdn编译器不识别问题 ...BOM ...1、BOM结构 ...BOM定时器 ...————————————
《javascript》——event对象与事件
08-26
《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念，它代表了用户与 Web 页面的交互行为，例如点击、鼠标移动、键盘输入等。Event 对象的属性和方法可以帮助开发者更好地处理用户的...
JavaScript —— BOM
lime2019的博客
05-14 110
浏览器对象模型1. BOM简介2. BOM对象3. Window对象4. Navigator对象5. Screen对象6. Location对象7. History对象 1. BOM简介 BOM（Browser Object Model，浏览器对象模型）是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 BOM并没有相关标准，每一个浏览
JavaScript——BOM编程
Cherubim_Angels的博客
04-21 168
文章目录一、BOM是什么？二、BOM对象1.BOM对象模型2.读入数据总结 一、BOM是什么？ BOM(Browser Object Model)是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。 二、BOM对象 1.BOM对象模型 下述两个对象有特殊双重身份：document对象既是BOM顶级对象window的一个属性，也是DOM模型中的顶级对象：location对象既是window对象的属性，同时也是docum
JavaScript——BOM&DOM
qq_50787990的博客
06-29 108
JavaScript——BOM&DOM
JavaScript——BOM阶段
我爱睡觉oo——的博客
08-09 189
基本案例
JavaScript——BOM 浏览器对象模型
weixin_61920612的博客
03-27 228
JavaScript——BOM 浏览器对象模型
JavaScript——BOM（浏览器对象模型）
zg0601的博客
12-03 714
本文记录了JavaScript中BOM（浏览器对象模型）的基础知识，其中包括BOM简介，window对象，location对象，navigator对象和history对象的相关属性和常用方法。
JavaScript——BOM浏览器对象模型
Melonico的博客
06-25 301
BOM 什么是BOM BOM(Browser Object Model) 是指浏览器对象模型，将浏览器的各个组成部分封装为对象 组成 一. 窗口对象 Window Window 对象表示浏览器中打开的窗口 ○ 方法 - 弹出框相关 ① alert()：显示带有一条指定消息和一个 OK 按钮的警告框 alert("Hello,world!"); ② confirm()：显示一个带有指定消息和 OK 及取消按钮的对话框 confirm("确定吗？"); 如果用户点击确定按钮，该方法会返回true，如果点击
JavaScript——BOM操作：定时器
qq_41929578的博客
10-10 152
js 定时器有以下两个方法： setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 setTimeout() ：在指定的毫秒数后调用函数或计算表达式。 setInterval() 语法 setInterval(code,millisec,lang) 参数 描述 code 必需。要调用的函数或要执行的代码串。 millisec 必须。周期性执行或调用 code 之间的时间间隔
javascript——BOM
can_Sunshine的博客
12-26 317
1、重绘：样式改变即为重绘 回流：当大小改变时即为回流。 回流一定重绘，重绘不一定回流。 回流有可能改变其他元素的位置，会大量的重绘，所以占内存较多。 2、加载协议： http：超文本传输协议，默认脑端口号80 https：加密。 由浏览器决定，选择加载速度较快的。 3、定时器： setInterval（function(){},1000） ：间隔调用 clearInterval
Javascript高级编程学习笔记27——BOM1window对象1.docx
07-05
Javascript高级编程学习笔记27——BOM1window对象1.docx
JavaScript详解(第2版)
04-25
　第10章　浏览器对象模型：BOM　 　10.1　JavaScript及浏览器对象模型　 　10.1.1　navigator对象的使用　 　10.1.2　window对象的使用　 　10.1.3　创建定时事件　 　10.1.4　Frame的使用　 　10.1.5　location...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 405
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 570
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
liyrbtqe_66w的博客
06-12 296
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
最新发布
zhangwenok的博客
06-14 1278
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
Harmony 开发的艺术 面向对象
不懂先生的博客
06-13 1067
然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。
JavaScript的BOM
05-10
BOM（浏览器对象模型）是指浏览器提供的一组对象，它们可以访问和控制浏览器窗口，比如location、navigator、history、screen等对象，通过这些对象可以获取或修改浏览器窗口的URL、浏览器信息、浏览历史记录、屏幕...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值