BOM简介

  • bom即浏览器对象模型。即浏览器原生提供的一些对象，我们可以直接使用这些对象以使用浏览器的一些功能。
    • 早期这些浏览器对象比较混乱，后面HTML标准将这些浏览器对象都收归到一个Window对象下作为属性。这些子属性与Window即Bom
    • window 对象代表着当前浏览器中的窗口

  • bom属性与方法很多都需要在浏览器中才能正确执行，在纯js环境里可能无法直接执行，如node里运行alert就不行

    BOM常用属性与方法

  • Bom方法可以省略window.直接调用 ```javascript window.location //window 对象当前的URL location.reload(); //刷新当前页 window.history //指向一个 history 对象，其中包含了本页浏览过的页面的详细记录 window.history.go(-1); //返回上一页 window.history.back(); //返回上一页

window.alert() //创建含有消息的对话框

  1. <a name="Cqser"></a>
  2. ## 定时执行
  4. - **JavaScript 是单线程语言**，但它允许通过设置超时值和间歇时间值来调度代码在特定的时刻执行
  5.    - `setTimeout()`定时执行    `clearTimeout()`在定时任务执行前取消执行
  6.    - `setInterval()`间歇性执行   ` clearInterval()`取消间歇性执行
  7.       - 间歇性执行如果一个任务阻塞，那么后面的间歇任务都会堆积，阻塞放开后就会执行全部堆积的任务
  8.    - **上面2个set方法都是传入函数与毫秒值**
  9. ```javascript
  10. var myVar;
  12. function myFunction() {
  13.     myVar = setTimeout(function(){ alert("Hello"); }, 3000);
  14. }
  16. function myStopFunction() {
  17.     clearTimeout(myVar);
  18. }
  21. //
  22. function hello(){
  23. alert("hello");
  24. }
  25.  window.setTimeout(hello,1000);

DOM简介

  • dom即html树结构，树结构里除了html元素节点，还有css，js函数，js事件，js元素等

    Event

  • 即事件，事件的常见属性：

    • target 是事件触发的真实元素
    • currentTarget 是事件绑定的元素
      • 当事件是子元素触发时，currentTarget 为绑定事件的元素，target 为子元素
      • 当事件是元素自身触发时，currentTarget 和 target 为同一个元素
    • type 事件的类型