文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:BOM解读

宣传部部长

宣传部部长

2024-04-23 23:29

关注

  浏览器对象模型(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等。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯