250303——JavaScript基础（三）

一、内容概括

    DOM和BOM的对象的各种操作函数。


二、重要知识和细节
    1、利用DOM插入新标签：document.getElementById("div1").insertAdjacentHTML('beforebegin', tag);
         insertAdjancentHTML(参数1,参数2)：参数1代表插入位置，有beforebegin、afterbegin、beforeend、afterend，参数2为需要插入的具体完整标签；
         
    2、利用DOM操作表单：document.getElementById('1').submit();
         submit()函数会触发<form action=''>标签里面的action；
    3、利用BOM操作url：location.href                          //获取当前url
                                   location.href="另一个url"       //重定向
                                   location.reload                     //重新加载
    4、利用BOM设置定时器：①setInterval(参数1,参数2) 参数1是将要执行的动作，参数2为时间间隔，函数意思是每隔（参数2）的时间间隔就执行一次（参数1）内的动作。清除定时器的函数为clearInterval();
                                         ②setTimeout(参数1,参数2) 参数1是将要执行的动作，参数2为时间间隔，函数意思是隔（参数2）的时间间隔就执行一次（参数1）内的动作，且仅执行一次。清除定时器的函数为clearTimeout();
    5、利用DOM设置事件监听器：document.getElementById("").addEventListener(参数1,参数2)；
         addEventListener(参数1,参数2) 里面的参数1是事件，参数2是动作，当监听的对象执行了（参数1）的动作时，就执行（参数2）的动作。


三、实操和作业

1. 什么是DOM

文档对象模型。

2. 自己编写一遍本节课程内讲解的所有dom案例相关代码（逐行注释）

四、附加知识

    箭头函数  (参数1,参数2,参数3,...)=>{函数体};

    当参数只有一个时可以省略括号  参数=>{函数体};

    当函数体只有一句时可以省略大括号  参数=>函数体;

    当函数体会返回数据时可以连等号都省略  例：x=>x*2;