前端day5
📅 2026/7/9 2:48:54
👁️ 阅读次数
📝 编程学习
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',()=>{...})
编程学习
技术分享
实战经验