前端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.样式名样式值; 元素对象.classNameclass类名; 元素对象.className class类名; 元素对象.classList.add(class类名);⑤、事件的绑定语法(addEventListener方式)。document.querySelector(css选择器).addEventListener(事件类型,(){...}) eg. 按钮对象.addEventListener(click,(){...}) 输入框对象.addEventListener(blur,(){...}) 输入框对象.addEventListener(focus,(){...}) 表单对象.addEventListener(submit,(){...})