![](https://img-blog.csdnimg.cn/fea64bd37c0142e3ab1b82d0dbc93e58.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
+ 浏览器 BOM
文章平均质量分 64
Browser Object Model,浏览器对象模型。我们的浏览 器,可以被看做是由各种各样的对象所组成的,就像我们这个绚丽多纷的世界一样
Try Tomato
The scenery at the foot of the mountain is not attractive enough you should go to the top of the mountain
展开
-
浏览器中的小型数据库?本地存储怎们玩(从入门到日志程序的制作)
目录一.了解本地存储二.window.sessionStorage1.存储数据2.获取数据3.删除数据4.删除所有数据三.window.localStorage四.练练手-存储一条数据五.案例——网页日志程序一.了解本地存储本地存储,那么数据就是存储在本地的,再往下想,我们从网页中获取到的数据,存储在本地浏览器中最为合理,那浏览器给我们提供了内存吗?确实给我们提供了一些内存,容量说小不小,说大不大有俩种存储方法:sessionStorage≈5.原创 2022-04-17 20:20:49 · 844 阅读 · 0 评论 -
缓动动画的封装与使用
<body> <span>giao哥</span> <button type="submit" class="giaotwo">点我让giao哥运动200米</button> <button type="submit" class="giaofive">点我让giao哥运动500米</button></body>让元素实现匀减速运动我们只要实现让盒子每次移动的距离慢慢变小,...原创 2022-04-17 16:37:55 · 247 阅读 · 0 评论 -
固定侧边栏-根据滚动条位置增加选项
运用到的方法属性:滚动窗口到文档特定位置:window.scroll(x,y)返回文档在窗口左上角水平和垂直方向上滚动的像素:window.pageXOffsetwindow.pageYOffset<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...原创 2022-04-17 16:08:23 · 360 阅读 · 0 评论 -
offset、client与scroll
目录一.offset1.offsetParent2.offsetTop3.offsetLeft4.offsetWidth5.offsetHeight6.offset与style的区别二.client1.clientTop2.clientLeft3.clientWidth4.clientHeight三.scroll1.scroll四大属性2.理解scroll四大属性四.总结一.offset我们使用offset相关属性可以...原创 2022-04-17 10:51:18 · 887 阅读 · 0 评论 -
BOM的五个对象
目录一.location对象1.location对象属性2.location方法二.screen对象三.navigator对象四.history对象BOM有常用五大对象,分别为:window对象screen对象location对象navigator对象history对象window对象我们在之前详细阐述过,这里不做多余赘述:BOM顶级对象window的常见事件_Developer小蜗的博客-CSDN博客一.location对象l...原创 2022-04-16 20:00:32 · 2898 阅读 · 0 评论 -
四种环境-八种情况-探讨this到底是怎么找对象的
一般来说,this最终指向的是那个调用它的对象目录一.全局作用域下的this三种指向情况1.在全局作用域中2.在普通函数中3.在定时器中二.方法中的this三种指向情况1.在自定义对象中2.在传统注册事件中3.在addEventListener注册事件中三.构造函数中this的指向情况四.箭头函数中this的指向情况一.全局作用域下的this三种指向情况1.在全局作用域中console.log(this)控制台打印出了一个win...原创 2022-04-16 16:57:55 · 404 阅读 · 4 评论 -
BOM——定时器
目录一.创建定时器二.停止定时器三.创建重复调用的定时器四.案例——发送验证码一.创建定时器window.setTimeout(调用函数[,延迟毫秒数])//例子(window可以省略)setTimeout(()=> { //执行语句},2000)setTimeout方法是用来设置定时器的,该定时器在被执行之后,开始计时,达到指定时间之后执行调用函数调用:function time(){ //执行语句}setTimeout(t原创 2022-04-16 15:54:48 · 396 阅读 · 0 评论 -
BOM顶级对象window的常见事件
目录一.窗口加载事件1.onload2.DOMContentLoaded二.调整窗口大小事件一.窗口加载事件1.onload一般情况下,我们的JS执行代码都需要放到window的窗口加载事件中:window.onload = function(){ //所有的JS代码}window.addEventListener('load',function(){ //所有的JS代码})我们上面代码中的window.onload就是窗口加载事件,当文档内原创 2022-04-16 12:03:35 · 344 阅读 · 0 评论 -
你真的了解BOM对象吗
首先我们想一下在JS基础学习中遇到了哪些对象?没错有ECMAScript(JS语法)中的自定义对象,JS内置对象,还有页面文档对象模型DOM那么BOM又是什么?我们知道浏览器是JS的前端运行环境,现在"万事具备",只差浏览器对象没错BOM就是浏览器对象模型,我们通过一张图来总结梳理他们的关系:DOM对象的顶级对象是document,所以我们命名它为页面文档对象模型而BOM是浏览器对象模型,那么它的顶级对象就是window 不过BOM是各浏览器厂商在各自浏览器中定义的,所以会出原创 2022-04-16 11:19:30 · 139 阅读 · 0 评论