js—BOM:浏览器对象模型

2021-01-05 05:27

阅读:397

标签:resize   常见   任务队列   com   bom   手机   循环   color   web   

 1 BOM:浏览器对象模型
 2     load等页面全部加载完毕,包含页面dom元素,图片,flash,css等
 3         window.onload = function();    // 当页面 DOM 结构中的 js、css、图片,以及 js 异步加载的 js、css 、图片都加载完成之后,才会触发 load 事件。
 4         window.addEventListener(load,function(){})
 5     dom加载完成不包含其他:
 6         DOMContentLoaded:    //在 html文档加载完毕,并且 html 所引用的内联 js、以及外链 js 的同步代码都执行完毕后触发。IE9+才支持;
 7         window.addEvetListener(DOMContentLoaded,function(){})
 8     调整窗口大小:
 9         window.onresize = function(){}
10         window.addEventListener(resize,function(){})
11     
12     定时器:
13         方法1:(三种写法)
14             window.setTimeout(function(){},[延迟的毫秒数]);    //里面的this指window;window可以省略不写,只调用一次;后面时间可以省略不写,表示立马执行;
15             setTimeout(fn(),3000);    //不提倡
16             setTimeout(fn,3000);    //函数调用不用写小括号
17             清除定时器:    
18             window.clearTimeout(timeoutID);    //window可以省略,timeoutID是定时器名字;
19         方法2:
20             window.setInterval(回调函数,[间隔毫秒数]);        //里面的this指window;window可以省略不写,每隔延迟时间,就会重复调用;
21             清除定时器:
22                 clearInterval(intervalID);
23     js执行队列:js是单线程
24         异步任务:(任务队列=》执行栈)不进入主线程、而进入”任务队列”的任务,当主线程中的任务运行完了,才会从”任务队列”取出异步任务放入主线程执行。
25             普通:click,resize等
26             资源加载:load,error等
27             定时器:setInterval,setTimeout等
28         同步:同步任务都在主线程上执行,形成一个执行栈;
29         事件循环:
30     location对象
31         URL:统一资源定位符:
32             protocol:通信协议,http,ftp,https
33             host:主机
34             port:端口
35             path:文件路径
36             query:参数
37             fragment:片段,#后面内容,常见于链接,锚点
38         location:
39             href:获取整个url
40             host:返回主机(域名)www.baidu.compile
41             port:返回端口号,如果没写,发挥空字符串
42             pathname:返回路径
43             search:返回参数
44             hash:返回片段,#后面内容常见于锚点
45         location对象方法:
46             assign(url);    //记录浏览历史,可以后退,重定向页面;
47             replace(url);    //不能后退,不记录历史
48             reload();    //重新刷新页面,参数true可以强制刷新;
49         navigator:对象
50                 if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
51                 window.location.href = "../H5/index.html"; //手机
52             }
53         history对象:
54             back();        //后退
55             forward();    //前进
56             go(1);    //go(-1)

 

js—BOM:浏览器对象模型

标签:resize   常见   任务队列   com   bom   手机   循环   color   web   

原文地址:https://www.cnblogs.com/UnfetteredMan/p/13619673.html


评论


亲,登录后才可以留言!