js—BOM:浏览器对象模型
2021-01-05 05:27
标签:resize 常见 任务队列 com bom 手机 循环 color web js—BOM:浏览器对象模型 标签:resize 常见 任务队列 com bom 手机 循环 color web 原文地址:https://www.cnblogs.com/UnfetteredMan/p/13619673.html 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)
下一篇:jsDOM事件流