JS笔记（四）

最新推荐文章于 2024-08-14 15:45:18 发布
最新推荐文章于 2024-08-14 15:45:18 发布
阅读量136 收藏 5
点赞数 2
分类专栏： js 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67398884/article/details/123645131
版权
本文介绍了JavaScript的BOM（浏览器对象模型），讲解了BOM的构成，重点讨论了窗口加载事件、调整窗口大小事件、定时器的使用以及执行队列的概念。同时，详细阐述了location对象和history对象在页面导航中的应用。
摘要由CSDN通过智能技术生成

十六、BOM浏览器对象模型

16.1 BOM概述

16.1.1概念

主要作用给浏览器窗口进行交互的效果，核心对象是window，
在这里插入图片描述
16.2DOM和BOM的区别和联系
在这里插入图片描述

16.1.2 BOM的构成

在这里插入图片描述
window对象是浏览器的顶级对象，它具有双重角色：

  • 它是js访问浏览器窗口的一个接口
  • 它是一个全局对象，定义在全局作用域中的变量，函数都会变成window对象的属性和方法
    在这里插入图片描述

16.2窗口加载事件

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

在这里插入图片描述

16.3 调整窗口大小事件

最低0.47元/天 解锁文章
counting stars240
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript（3）-BOM
weixin_52972575的博客
05-17 231
目录 一.简介 二.理论基础 1.this的指向问题 2.JS执行机制 三.window对象 1.window对象的事件 窗口加载事件 调整窗口大小事件 定时器 setTimeout 2.window对象的属性 location属性 navigator属性 history属性 案例 1.五秒后自动关闭的广告 2.倒计时 3.发送短信 4.5s之后跳转页面 5.欢迎页面 一.简介 BOM（Browser Object Model）浏览器对象模型，与浏览器窗口..
JavaScript笔记四.md
11-02
JavaScript笔记四.md
页面小于640时，切换另一个页面
ZXH0122的博客
09-15 155
var qwid=screen.width; if(qwid<640){ window.location="http://m.baidu.com"; }
进程、线程详细梳理
weixin_34395205的博客
07-12 105
展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到尾的梳理知识体系，重点是将关键节点的知识点串联起来，而不是仅仅剖析某一部分知识。内容是：从浏览器进程，再到浏览器内核运行，再到JS引擎单线程，再到JS事件循环机制，从头到尾系统的梳理一遍，摆脱碎片化，形成一个知识体系目标是：看完这篇文章后，对浏览器多进程，JS单线程，JS事件循环机制这些都能有一定理解，有一个知识体系骨架，而不是似懂非懂的...
尚硅谷JavaScript高级学习笔记
javaThinker的专栏
03-08 1023
JavaScript中函数是对象。我们后续描述构造函数的内存模型时，会将构造函数称为构造函数对象。typeof 运算符来查看值的类型，它返回的是类型的字符串值 会做数据转换 输出： 每个函数都有一个prototype属性，它默认指向一个0bject空对象(即称为:原型对象) 给原型对象添加属性、方法，函数的所有实例对象自动拥有原型中的属性(方法) 16、显式原型和隐式原型 和 中保存的都是原型对象的地址值。Fun的prototype、f的__proto__属性什么时
javascript笔记
2301_80250017的博客
03-16 1851
1. JavaScript是Web开发领域中的一种强大的编程语言，主要用于开发交互式的网页。我们在计算机，手机等设备上浏览的网页，其多数交互逻辑都可以通过JavaScript实现。下面介绍HTML，CSS，JavaScript的区别2.JavaScript是由ECMAScript，DOM，BOM3.JavaScript初体验像这样使用，在网页打开时会弹出一个警告框，内容为Hello JavaScript。
Javascript入门学习笔记
weixin_61370021的博客
04-27 4625
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
js[黑马笔记]
qq_73270720的博客
04-27 368
js黑马笔记
JS 笔记9 认识JavaScript
weixin_63492023的博客
05-03 887
由于大部分的浏览器默认的Script语言都是JavaScript，因此也可以省略这个属性，直接写<script></scrip>。有些旧版的浏览器无法支持JavaScript，因此我们必须为这些浏览器隐藏JavaScript程序代码，以避免不能识别JavaScript的浏览器将JavaScript源代码显示在网页上，从而破坏网页界面。JavaScript和HTML的整合是通过“事件处理(Event Handler)”完成的，也就是先对对象设置事件的函数，当事件发生时，指定的函数就会被驱动运行。
HTML+CSS+JS笔记
2301_79880794的博客
01-18 1375
超文本标记语言编程语言标记语言web 页面。
李立超JavaScript基础篇笔记
02-02
JavaScript，简称JS，是由Brendan Eich在1995年创造的一种高级编程语言，最初目的是为了增强网页的交互性，特别是在前端进行表单验证。JavaScript不是Java的子集，两者之间没有直接关联。JS起初名为LiveScript，但在...
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
JavaScript 学习笔记（四）
10-29
今天继续学习JS中的对象，昨天学完了本地对象中的两个重要对象Array和Date。今天看下内置对象Global对象和Math对象。
原生javascript笔记.zip
07-04
这份“原生javascript笔记”涵盖了基础到进阶的知识点，非常适合初学者和希望提升技能的开发者。下面将详细阐述其中可能包含的重要概念和技能。 1. **基础语法**：JavaScript的基础包括变量声明（`var`, `let`, `...
Arco Design for Vue 3 - 快速上手指南与实战技巧
qq_42072014的博客
08-11 500
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
05_ Electron 自定义菜单、主进程与渲染进程通信
所学所思
08-09 661
单独写在一个 js 文件中，然后再在主进程中引入labe: "文件",submenu: [label: "新建文件",},label: "编辑",submenu: [label: "复制",},submenu: [// main.js// 1、引入初始化remote 模块width:800,})// __dirname 表示获取我们当前目录， path.join 会将两个参数合并成 d://electrondemo/index.html// 打开调试模式。
vue3进阶用法之通过调用函数动态加载组件用法及示例
最新发布
wz9608的博客
08-14 157
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 541
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值