前端day5

1、今日重点：
①、对象的定义语法。

概念作用：引用对象的一种；用来定义一个对象的各项数据。

let 对象名 = { 属性名1:属性值1， 属性名2:属性值2， 方法名(参数){ 方法体;//对象里有就用this调用 return 结果; } .... 属性名n:属性值n }

②、访问对象中的属性和方法。

修改：对象名.属性名=新属性值; 查找：对象名.属性名; 追加：对象名.新属性名=属性值; 删除：delete 对象名.属性名; 有返回值：let 变量=对象名.方法名(参数); 无返回值：对象名.方法名(参数)

③、location实现页面跳转。

location.href = "https://www.baidu.com";

④、DOM操作步骤。

1.获取元素对象(css选择器) （1）少量元素 document.querySelector('#id');//id选择器 document.querySelector('.cls');//类选择器 document.querySelector('div');//标签选择器 （2）大量元素 document.querySelectAll('css选择器'); 2.通过元素对象操作标签 （1）操作内容：元素对象.innerHTML='内容' （2）操作输入框中的内容：元素对象.value='内容' （3）操作属性：元素.（html）属性名=属性值 （4）操作样式： 元素对象.style.样式名='样式值'; 元素对象.className='class类名'; 元素对象.className +='class类名'; 元素对象.classList.add('class类名');

⑤、事件的绑定语法(addEventListener方式)。

document.querySelector('css选择器').addEventListener('事件类型',()=>{...}) eg. 按钮对象.addEventListener('click',()=>{...}) 输入框对象.addEventListener('blur',()=>{...}) 输入框对象.addEventListener('focus',()=>{...}) 表单对象.addEventListener('submit',()=>{...})