BOM简介

作者: 可以叫我小崔 | 来源:发表于2022-05-08 21:38 被阅读0次

BOM概述

1.什么是BOM

2.BOM的构成

window对象的常见事件

1.窗口加载时间

window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像,脚本文件,CSS文件等),就调用的处理函数

注意:

①有了window.onload就可以把JS代码写到页面元素的上方,因为onload是等页面内容全部加载完毕,再去执行处理函数。

②window.onload传统注册事件方式只能写一次,如果有多个,会以最后一个window.onload为准。

③如果使用addEventListener则没有限制

2.调整窗口大小事件

注意:

①只要窗口大小发生像素变化,就会触发这个事件

②我们经常利用这个事件完成相应式布局,window.innerWidth: 当前页面宽度

3.定时器

setTimeout()定时器

setInterval()定时器

每隔规定毫秒数就调用一次函数。

JS执行机制

同步异步任务的执行过程

location对象

1.URL

统一资源定位符是互联网上标准资源的地址,互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

2.location对象的属性

3.location对象的方法

navigator对象

history对象

相关文章

  • BOM简介

  • BOM简介

    BOM概述 1.什么是BOM 2.BOM的构成 window对象的常见事件 1.窗口加载时间 window.onl...

  • javascript BOM之(一)window.locatio

    BOM简介 BOM(Browser Object Model)即浏览器对象模型。BOM提供了独立于内容 而与浏览器...

  • BOM、DOM与JS中的事件

    一、BOM简介 BOM(Browser Object Model) 是指浏览器对象模型,在JS中BOM是个不折不扣...

  • JavaScript BOM

    BOM简介 BOM即浏览器对象模型(Brower Object Model)浏览器对象包括 :Window(窗口)...

  • BOM

    BOM 简介:浏览器对象模型,BOM可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览...

  • BOM 常用API

    BOM 简介 用于操作浏览器的API BOM是browser object model的缩写,简称浏览器对象模型B...

  • UTF-8 带/不带 BOM

    简介 开发建议使用utf-8不带bom的格式。 utf-8带bom,是win基于兼容性考虑独创的格式,linux默...

  • HTML+CSS+JavaScript知识点整理3

    BOM和DOM简介 Window对象属性和方法 延时器方法——setTimeout() screen屏幕对象 na...

  • 为产品定价的4种方式

    一、BOM定价 BOM即(Bill of Materials )物料清单,BOM定价指的是基于BOM价格的定价方式...

网友评论

    本文标题:BOM简介

    本文链接:https://www.haomeiwen.com/subject/gjqcurtx.html