下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:BOM解读

作者:爱瞌睡的猫     来源: https://www.cnblogs.com/catSlave/p/12500676.html点击数:1195发布时间: 2020-03-25 11:41:17

标签: 页面开发BOMhtml

Web开发

  浏览器对象模型(BrowserObjectModel,简称BOM)是浏览器的内置对象管理模型。前端页面开发时,可以通过对浏览器的内置对象进行控制,提高html页面的动态效果,增强用户对页面文件的体验。

  BOM解读

  BOM概念-browserobjectmodel:浏览器对象模型

  bom相当于提供了一套操作浏览器的方法。(windw是顶级对象)

  BOM的操作方法:(这里只列举比较常用)

  navigator:(包含有浏览器的信息)//以前用来兼容,目前没多大用处,了解即可

  appName//浏览器名称

  appCodeName//浏览器的代码名(内核)

  appVersion//浏览器的平台与版本

  userAgent//浏览器的整体信息

  location:(包含有关当前url的信息)

  href//获取、设置浏览器的url

  search//获取从问号(?)开始的url(查询部分)。

  hash//获取、设置url中的锚点名称

  reload()//刷新页面

  assign(url)//让url重新定向-跳转

  replace(url)//使用新的url代替原来的url-跳转

  history:(包含用户访问过的url)

  back()//列表前一个url(后退)

  forward()//列表后一个url(前进)

  go(数字)//列表中某个具体的页面

  screem:(包含客户端显示屏的信息)

  width//屏幕宽度

  height//屏幕高度

  availWidth//屏幕可用宽度

  availHeight//屏幕可用高度

  document:(既window.docment,window可以不写)

  httPS://www.w3school.com.cn/jsref/dom_obj_window.asp

  //这个内容比较多,涵盖方面比较广(不是我懒,真不是)

  弹出层:

  alert()//仅弹出消息

  confirm()//弹出消息需要确认

  prompt()//弹出输入框进行确认

  浏览器的大小:

  window.innerWidth//浏览器宽度

  window.innerHeight//浏览器高度

  定时器:(异步操作)//别问我异步操作是什么,问了就是不懂、不会、不知道!

  1、间隔执行:setInterval(函数,间隔的毫秒数)//其实就是一直循环执行

  清除:clearInterval(定时器的返回值)

  2、延迟执行:setTimeout(函数,延迟的毫秒数)//其实就是只会延迟执行一次

  清除:clearTimeout(定时器的返回值)

  //两个定时器可以混用,clearTimeout也可以清除间隔,clearInterval也可以清除延时。

  事件:

  load//当文档中所有的内容加载完后再加载这个事件中的内容

  unload//当浏览器关闭之前会触发的事件

  resize//当浏览器大小发生改变的时候会触发

  scroll//当滚动条发生滚动的时候会触发的事件

  栈内存在执行同步代码的时候,浏览器线程中代码的时间也在走

  浏览器线程中代码只要等到自己能执行的时候,就会去队列中等待

  异步代码都是在同步代码执行结束之后才从队列中拿出来执行的

  同步:等待/排队/然后再执行-按顺序执行

  异步:可以同时进行

  js中所有异步代码都是在同步代码执行结束之后才执行的

  事件循环:-浏览器中的异步代码等到自己能执行的条件ok了,就会进入队列中排队等待执行,栈内存把同步代码执行完了,从队列中取一个,执行一个,再取一个,再执行一个-这样形成一个小循环-事件循环(EventLoop)

  //我大佬教的,看不看的懂随缘吧。反正我-不懂、不会、不知道。

  物料清单是一个制造企业的核心文件,各个部门的活动都要用到物料清单。物料清单根据使用目的或特点不同,有多种表现了形式,例如单级BOM,多极BOM、百分比式的计划用BOM、模式化BOM、制造BOM和虚拟BOM等。

赞(11)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程