• js—BOM:浏览器对象模型


     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)
    时间如白驹过隙,忽然而已,且行且珍惜......
  • 相关阅读:
    eletron打包
    助力ASP.NET Core 2.1开发!Layx 企业级弹窗插件发布!
    springcloud 入门 3 (服务之间的调用)
    springcloud 入门 2 (Enreka的服务和注册)
    springcloud 入门 1 (浅谈版本关系)
    springboot 学习之路 18(webflux详细介绍(2))
    springboot 学习之路 17(webflux 入门 (1))
    springboot 学习之路 15(集成shiro)
    Mongodb的入门(6)副本集
    Mongodb的入门(4)mongodb3.6的索引
  • 原文地址:https://www.cnblogs.com/UnfetteredMan/p/13619673.html
Copyright © 2020-2023  润新知