Web API之BOM

最新推荐文章于 2024-10-04 00:46:18 发布
最新推荐文章于 2024-10-04 00:46:18 发布
阅读量340 收藏 4
点赞数 3
分类专栏： BOM 文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ldd_eb/article/details/138470008
版权

BOM

简介：
BOM是浏览器对象模型，缺乏标准，兼容性较差
全局作用域中的变量和函数会变成window对象的属性和方法
一个特殊属性window.name
在这里插入图片描述
在这里插入图片描述

一、window的常见事件

1.窗口加载事件

可以不考虑上下位置顺序问题
在这里插入图片描述
在这里插入图片描述

2. 调节窗口大小事件

window.innerWidth可获得当前屏幕宽度
在这里插入图片描述

二、定时器

单位ms

1.setTimeout( , )

在这里插入图片描述
在这里插入图片描述
例子、5S后自动关闭广告

在这里插入图片描述
清除setTimeout()定时器
clearTimeout（）
在这里插入图片描述

2.setInterval()

在这里插入图片描述

例子、京东倒计时
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
清除setInterval()定时器
clearInterval()
在这里插入图片描述

3.发送短信例子

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

4.this指向问题

在这里插入图片描述

三、js执行机制

js本来是单线程，但是效率慢
HTML5提出Web Worker标准，js出现了同步和异步
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、location对象

URL是地址
在这里插入图片描述

1.常见属性

herf是整个URL
search是键值对
在这里插入图片描述

2.例子、

1.5s后跳转页面
在这里插入图片描述
2.获取URL参数
数据在不同页面的相互传递
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

3.常见方法

在这里插入图片描述

五、navigator对象

判断移动端还是pc端，实现跳转
在这里插入图片描述

六、history对象

OA办公系统中常见
与浏览器历史记录进行交互
在这里插入图片描述

ldd_eb
关注
专栏目录
WebAPI 之 BOM
chengyu0726的博客
05-10 394
BOM（Browser Object Model）：浏览器对象模型，核心对象window。 API（Application Programming Interface）：应用程序编程，提供函数库。 Web API：是浏览器提供的一套浏览器功能（BOM）和页面元素（DOM）的API。 window包含下列对象：document,location,navagation,screen,history 1，window对象 window是JS访问浏览器窗口的一个接口，并且是一个全局对象，定义在全局作用域
JS学习第5天——Web API之BOM（BOM构成、window对象常见属性、定时器、JS执行机制、location对象、navigator对象、history对象）
背心的博客
02-27 565
Web API（BOM）【BOM构成、window对象常见属性、定时器、JS执行机制、location对象、navigator对象、history对象
WebAPI之BOM操作和JS执行机制
qq_43537721的博客
05-26 364
WebAPI之BOM操作和JS执行机制。
WebAPI学习之BOM操作
weixin_46792892的博客
02-20 179
WebAPI学习之BOM 什么是BOM？（了解） BOM（Browser Object MOdel）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM和DOM的对比（了解） DOM 文档对象模型 DOM就是把文档当做一个对象来看待 DOM的顶级对象是document DOM主要学习的是操作元素 DOM是W3C标准规范 BOM 浏览器对象模型 把浏览器当做一个对象来看待 BOM的顶级对象是window BOM学习的是浏览器窗口交互的一些对象 BOM是浏览器厂
WebAPI之DOM，BOM基础
qq_36392801的博客
02-16 530
Web API 相关 概念：API 是一些预先定义的函数，目的是提供应用程序给开发人员，以获得操作软件或硬件的能力，不需要看源码，只需要直到输入什么，输出什么。 任何语言都有自己的 API API 特征：输入，输出 Web API 主要是 DOM 和 BOM DOM 相关 概念：文档对象模型，是W3C推荐的处理可扩展标记语言的标准接口。是一种与平台和语言无关的程序接口，可以动态的访问程序和脚本，更新其内容，结构； DOM 是一种基于数的 API 文档，它要求整个文档都表示在存储器中。 DOM 树 文档
WebAPI之DOM和BOM
weixin_30301449的博客
04-16 797
API是什么？ Application Programming Interface：应用程序编程接口，是一些预先定义的函数，通俗的理解就是一些方法。 WebAPI是什么？ 浏览器提供的一套操作浏览器功能和页面元素的API。 此处的Web API特指浏览器提供的一些方法。可分为两个部分：BOM(浏览器对象模型)、DOM（页面对象模型） DOM DOM的概念 文档对象模型（Documen...
WebAPI—BOM04
qq_43599049的博客
03-14 144
BOM：浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列对象组成，并且每个对象都提供了很多方法与属性。 BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。 ...
WebAPI-BOM
passworddddddd的博客
05-26 175
BOM:Browser Object Model， 浏览器模型， 提供和浏览器相关的操作（提供了一系列的多项和函数）window.location 提供浏览器地址栏的相关操作。window.history 页面历史记录操作。window 全局对象。
Web API —— BOM 学习（完结）
qq_63342197的博客
03-24 1167
BOM 是浏览器对象模型，是整个浏览器，也可以说 BOM 里面包含 DOM主要对最大的对象 Window 对象操作window 对象是一个全局对象，也可以说 是 JavaScript 里面的顶级对象document 是 window 里面的 document = window.document以前的很多语法全称应该是下面这样的ps：通过 var 定义的变量、函数最后都会变成 window 的属性和方法window 的对象和函数在调用是可以省略前面的 window
web API- BOM.pdf
10-17
在Web开发中，BOM（Browser Object Model）是Web API的重要组成部分，它提供了对浏览器环境的访问，允许开发者操控页面的各个部分。下面将详细讨论BOM中的关键概念和常用方法。 ### 1. `setTimeout` 和 `...
【WebApi思想导图】Javascript分为ECMAScript和WebApi,此为WebApi部分
11-16
WebApi包括DOM和BOM部分。DOM部分包括元素操作、节点操作、DOM事件、事件对象及部分补充知识。BOM包括navigator、location、history、screen等部分。定时器、本地存储也有需要掌握的基础部分。
前端的全栈混合之路Meteor篇：3.0新版本介绍
分享有趣的、贴近生活的CS知识
10-01 1133
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
Javascript数组研究03_手写实现_fill_filter_find_findIndex_findLast_findLastIndex
qq_33546823的博客
10-03 1224
fill()方法用一个固定值填充一个数组中从起始索引（默认为 0）到终止索引（默认为）内的全部元素。它返回修改后的数组。输入参数value：用来填充数组元素的值。start（可选）：开始填充的位置，默认值为 0，索引处理方法和copyWithin一致。end（可选）：停止填充的位置（不包含该位置），默认值为，索引处理方法和copyWithin方法一致。输出：修改后的原数组。注意事项该方法会改变原数组，是修改方法。对于稀疏数组，空槽也会被value填充。是通用的方法在空数组上不会有任何处理。
Vue根实例、实例总结
最新发布
m0_54007573的博客
10-04 518
Vue根实例、实例总结
登录功能开发 P167重点
2303_81204446的博客
09-30 438
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 6029
Webpack 打包后文件过大，如何优化？
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1232
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
vue框架和uniapp框架区别
ning的博客
10-02 1251
Vue.js 是一个构建用户界面的渐进式框架，非常适合用来创建单页应用（SPA）。它的核心库只关注视图层，易于学习和集成，同时拥有丰富的生态系统，包括路由管理、状态管理和各种插件。Uni-app 是一个使用 Vue.js 开发所有前端应用的框架，支持编译到多个平台，包括iOS、Android、Web、以及各种小程序等。Uni-app 旨在“一套代码，多端运行”，极大地提高了开发效率。Vue.js 和 Uni-app 都是强大的前端框架，但它们的重点和应用场景有所不同。
web API由bom和DOM两部分组成
06-12
Web API 由 BOM（浏览器对象模型）和 DOM（文档对象模型）两部分组成。 BOM 是浏览器对象模型，提供了与浏览器窗口交互的对象，例如`window`、`navigator`、`screen`等。BOM 不是 W3C 标准，不同浏览器的实现可能略...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值