我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

陈玉-20221111-BOM&DOM-day05

[复制链接]
polaris123 发表于 2022-11-13 23:38:09 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日学习内容
1.BOM
  1.1描述:BOM是浏览器对象模型,是一套用来管理控制浏览器的规则
  1.2顶层对象window
  1.3BOM与DOM关系
     1.DOM与BOM比较相似,都是管理抽象对象的规则
     2.BOM主要负责页面与页面的通讯
3.BOM的核心对象就是window,通常dom一般指的都是window对象
4.BOM是对浏览器进行管理的规则,因此没有统一的标准
     5.DOM通过docunment对象来访问,控制,修改html等文档中的内容
BOM通过window对象进行访问,控制,修改浏览器中的内容
  1.4BOM与DOM区别
    dom描述了处理网页内容的方法和接口,操作页面内部
    bom描述了与浏览器进行交互的方法和接口,操作页面之间
2.页面加载事件
  onloaed:dom、静态资源(css、图片)都加载完毕再来执行funciton里面的代码
  DOMContentLoaded节点加载完毕之后,不包括css、图片或者替他的静态资源
3.location对象
  概念:提供了当前窗口中加载文档的信息,以及通常的导航功能,主要对浏览器
window.location
参数
location.search
location.href
哈希location.hash
端口号
location.port
域名
location.hostname
域名以及端口号
location.host
路径或者文件名
location.pathname
url原地址
location.origin
location.reload;
4.同步异步
  同步:按照默认书写顺序从上到下,从左到右来执行,一个执行完之后再来执行另外一个

异步:异步代码遇到同步代码,异步代码会让开,让同步代码先执行。
  js中三种异步现象
  1.事件
2.定时器
3.ajax
5.定时器
周期定时器
  setInterval(周期函数,执行时间)

清除周期定时器clearInterval(timerid);
延迟定时器
  setTimeout(回调函数,执行时间
清除延迟定时器clearTimeout(tinerid2);
6.窗口加载事件onresize
window.addEventListener('resize', function () {})
window.innerWidth
二、今日问题
今日未遇到问题

回复

使用道具 举报

关注0

粉丝0

帖子37

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026