JavaScript-BOM浏览器对象模型

最新推荐文章于 2024-05-01 09:00:00 发布
最新推荐文章于 2024-05-01 09:00:00 发布
阅读量106 收藏
点赞数
分类专栏： JavaScript 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45026839/article/details/109892392
版权

一、BOM 概述

  1. 什么是BOM 在这里插入图片描述

  2. BOM的构成在这里插入图片描述

二、window 对象的常见事件

  1. 窗口加载事件在这里插入图片描述

  2. 调整窗口大小事件在这里插入图片描述

三、定时器（重点）

  1. 俩种定时器在这里插入图片描述

  2. setTimeout() 定时器在这里插入图片描述

  3. 停止 setTimeout 定时器在这里插入图片描述

  4. setInterval() 定时器在这里插入图片描述

  5. 停止 setInterval() 定时器在这里插入图片描述

  6. this在这里插入图片描述

四、JS 执行机制

  1. JS是单线程在这里插入图片描述

  2. 同步和异步在这里插入图片描述

  3. JS执行机制在这里插入图片描述

  4. JS执行机制在这里插入图片描述在这里插入图片描述

五、location 对象

  1. 什么是 location对象在这里插入图片描述

  2. url在这里插入图片描述

  3. location 对象的属性在这里插入图片描述
    在这里插入图片描述

六、navigator 对象在这里插入图片描述

七、history 对象在这里插入图片描述
在这里插入图片描述

Pop–
关注
专栏目录
JavaScript高级程序设计 第12章---BOM浏览器对象模型
weixin_40794404的博客
08-26 1008
第12章 BOM 本章内容： 理解BOM的核心——window 对象 控制窗口及弹窗 通过location 对象获取页面信息 使用navigator 对象了解浏览器 通过history 对象操作浏览器历史 BOM是使用JavaScript 开发Web 应用程序的核心，提供了与网页无关的浏览器功能对象。
BOM 浏览器对象模型
Lotus_fragrance的博客
05-30 1031
1、BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互 的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 DOM： 1.文档对象模型 2.DOM 就是把「文档」当做一个「对象」来看待 3.DOM 的顶级对象是 document 4.5.DOM 主要学习的是操作页面元素 DOM 是 W3
JavaScript - BOM浏览器对象模型笔记1.0
weixin_42857338的博客
09-29 244
浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model）尚无正式标准 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象(BOM)的层次结构 当前浏览器窗口即Window 对象 网页文档内容即document对象 浏览器地址栏即location对象 前进和后退即history对象 Window 对象 ...
JavaScript - BOM 浏览器对象模型
立志欲坚不欲锐，成功在久不在速度
11-03 2844
浏览器对象模型（Browser Object Model） 允许JavaScript与浏览器对话 Window对象： 所有浏览器都支持window对象，它代表浏览器的窗口 全局变量是window对象的属性 全局函数是window对象的方法 甚至（HTML DOM）的 document对象也是 window 对象属性 窗口尺寸： window.inner...
JavaScript-Browser BOM浏览器对象模型
LOST JACK
10-07 191
javascript-bom-浏览器对象模型
pyhui的技术博客
08-12 272
bom 浏览器对象模型 window对象 打开一个网页 效果，打开了百度页面 从新的窗口 浏览器窗口内部的宽高 window的子对象 location对象 获取当前网址 访问一个网页 页面会跳转 在当前页会跳到百度页 会看到百度的一些console输出 重新加载本页面，刷新本页 效果同 弹出框 确认框 点击确定，返回true，点击取消，返回false ...
BOM浏览器对象模型
xwj144的博客
11-27 350
BOM (Browser Object Model 浏览器对象模型) 浏览器内核分为两类： 1.渲染引擎：用来渲染网页内容，将网页的代码转换为用户最终看见的画面 2.脚本引擎：用来执行JS代码（公认最快的是谷歌的V8引擎） 外联:在外部另建一个js文件，通过<script>标签在html文件引入 <script scr:"./xxx.js"></script> 内部：在html文件内部创建<script>标签，在标签范围内直接书写js代码 &
Web APIs 学习归纳6--- BOM浏览器对象
最新发布
SPIRITE_SYF的博客
05-01 1189
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其顶级对象是 window。window 对象给我们提供了一个 location 属性用于获取或设置窗体的 URL，并且可以用于解析 URL。因为 这个属性返回的是一个对象，所以我们将这个属性也称为 location 对象。统一资源定位符 (Uniform Resource Locator, URL) 是互联网上标准资源的地址。
javascript二——BOM浏览器对象模型
0 error(s), 0 warning(s)
03-25 1296
文章目录BOM概述window对象的常见事件窗口加载事件调整窗口大小事件定时器setTimeout()停止setTimeout()定时器setInterval()定时器倒计时案例停止clearInterval()thisJS执行队列JS是单线程同步和异步同步异步同步任务异步任务JS执行机制location对象定义URLlocation对象的属性实现5秒钟后跳转页面案例: 传递数据到其他页面location对象的方法navigator对象history对象 BOM概述 BOM（ Browser Object
JavaScript核心知识第三章---BOM 浏览器对象模型（含大量代码分析）
battledao的博客
03-08 3664
前言 ❤️ 等苦尽甘来的那一天，山河星月都做贺礼 ❤️
slide-bom:浏览器对象模型 (BOM) 的网页幻灯片
07-10
"Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题，特别是聚焦在JavaScript中的浏览器对象模型（Browser Object Model）。"滑动炸弹"可能是指一种动态效果或者交互设计，其中幻灯片以滑动方式...
BOM-浏览器对象模型，有这一篇就够了
qq_180494790的博客
10-30 888
~ window 对象是一个全局对象，也可以说是JavaScript的顶级对象 ~像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。 ~所以所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法 ~window对象下的属性和方法调用的时候可以省略window
元素绑定事件的几种方式（以绑定点击事件为例）
weixin_45026839的博客
04-10 5417
一、 在HTML上绑定点击事件 <body> <div class="test" id="main"> 这是测试区域的内容 </div> <input type="button" value="变红" onclick="fun1()" id="change"> <script> function fun1() { var getId = document.g.
jQuery $(this).index() 获取索引号的区别和使用场景
weixin_45026839的博客
04-26 3122
$(this).index() : 如果一个div 里面的 a 是亲兄弟 那么点击他们的时候 可以获取相应的索引号 1 2 3 <div> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </div> <script> $("div
购物车案例模块（全选，增减商品数量，修改商品小计，计算总计和面额，删除商品，选中商品添加背景）
weixin_45026839的博客
04-20 2991
一、 全选按钮分析： 里面3个小的复选框按钮（j-checkbox）选中状态（checked）跟着全选按钮（checkall）走。 因为checked是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。 把全选按钮状态赋值给3小复选框就可以了。 当我们每次点击小的复选框按钮，就来判断： 如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。 :checked选择器 :checked 查找被选中的表单元素。 代码 // 1. 全选功能模块 ： //
prompt 输入一串数字，将其放入数组中，数组按从小到大排序，最终将排序好的数组以字符串输出（中间没有分隔符号）
weixin_45026839的博客
09-24 2845
split()将字符串分割成字符串数组 parseInt 将字符串转化成数字； nums[i] -= ‘0’ 也可以将 字符串数字转化为数字 sort((a,b)=>b-a) 从大到小排序 用join()方法将数组转化为字符串,jion()默认以,号分隔，不用就join(" ") 需求：输入数字，将其添加至数组中，然后将该数组进行从大到小排序，排序完之后将其变成字符串输出 如输入 8,4,6,2,1,9,3 添加至数组后排序:[9,8,6,4,3,2,1] 最后输出字符串 9..
js 遍历数组和遍历对象 以及三种高阶函数（filter，map，reduce）
weixin_45026839的博客
07-15 1265
for，for in ，for of ，forEach，filter，map，reduce 一、js 遍历数组 普通 for 循环 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]); } //1 2 0 3 9 forEach() : ES5推出的,数组自带的循环，主要功能是遍历数组，实际性能比for还弱 arr.forEach(function(value,i).
JavaScript内置对象以及相关小练习
weixin_45026839的博客
09-30 487
引言： JavaScript中对象分三种： 自定义对象 ， 内置对象 ，浏览器对象 帮助文档：（如果不懂或者不太清楚内置对象的使用方法就多查文档） MDN: https://developer.mozilla.org/zh-CN/ 常用的四种内置对象： 1.Math 对象 2.Date 对象 3.Array 对象 4.字符串 对象 一、 Math 对象： Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员。
JavaScript-Dom接口学习相关案例
weixin_45026839的博客
10-26 323
1.点击按钮弹出警示框 2.分时显示不同图片，显示不同问候语 3.仿京东显示密码 4.淘宝点击关闭二维码 5.循环精灵图背景 6. 显示隐藏文本框内容 7.密码框格式提示错误信息 8.百度换肤 9.表格隔行变色 10.表单全选取消全选案例 11.案例：tab 栏切换（重点案例） 12.下拉菜单 13.留言板案例（发布，删除）14.动态生成表格
深入理解JavaScript BOM：浏览器对象模型详解
"JavaScript浏览器对象模型BOM使用介绍，主要涉及window对象的属性和方法，包括窗口状态、文档对象、历史记录、框架、屏幕信息等，以及与用户交互相关的alert、blur等方法。" JavaScript的浏览器对象模型（Browser ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值