分析网站结构,房产网站怎么做才能吸引人,如何自己创作一个游戏,网站设计 广州01 声明变量
js组成#xff1a; DOM:操作网页内容的,开发页面内容特效和实现用户交互 BOM: DOM树#xff1a;将 HTML 文档以树状结构直观的表现出来#xff0c;我们称之为文档树或 DOM 树 文档树直观的体现了标签与标签之间的关系
CSS获取元素的方法
document.querySele…01 声明变量
js组成 DOM:操作网页内容的,开发页面内容特效和实现用户交互 BOM: DOM树将 HTML 文档以树状结构直观的表现出来我们称之为文档树或 DOM 树 文档树直观的体现了标签与标签之间的关系
CSS获取元素的方法
document.querySelector() // 获取单个元素
document.querySelectorAll() // 获取多个元素不能直接修改需要通过遍历的方式给里面的元素做修改根据CSS选择器来获取DOM元素 (重点)
document.querySelectorAll(css选择器)
得到的是一个伪数组
有长度有索引号的数组
但是没有 pop() push() 等数组方法操作元素内容
对象.innerText 属性——将文本内容添加/更新到任意标签位置显示纯文本不解析标签 对象.innerHTML 属性 -----能识别文本能够解析标签能识别文本能够解析标签
操作元素属性
常见的属性href title src 语法对象.属性值 元素样式属性通过类名className操作 通过classList操作类控制css 元素.calssName‘active’ 为了解决className 容易覆盖以前的类名我们可以通过classList方式追加和删除类名
表单元素属性
定时器函数有什么作用
可以根据时间自动重复执行某些代码
定时器函数如何开启
setInterval(函数名, 时间)
定时器函数如何关闭
let 变量名setInterval(函数间隔时间)
clearInterval(变量名)var let const 【优先推荐使用const】
const 声明的值不能更改而且const声明变量的时候需要里面进行初始化但是对于引用数据类型const声明的变量里面存的不是 值不是值不是值是 地址。 什么是事件监听
就是让程序检测是否有事件产生一旦有事件触发就立即调用一个函数做出响应也称为 注册事件
事件监听三要素是什么
事件源 (谁被触发了)事件类型 (用什么方式触发点击还是鼠标经过等)事件处理程序 要做什么事情
元素对象.addEventListener(事件类型要执行的函数)什么是事件对象
事件对象也是个对象这个对象里有时间触发时的相关信息 eg鼠标点击事件中事件对象就存了鼠标点在哪个位置等信息 语法如何获取
在事件绑定的回调函数的第一个参数就是事件对象一般命名为event、ev、e 元素.addEvenetListener(‘click’,function(e){}) 事件对象在哪里在事件绑定的回调函数的第一个参数就是事件对象
环境对象
环境对象指的是函数内部特殊的变量this,它代表当前函数运行时所处的环境 作用弄清楚this的指向可以让我们代码更简洁
函数的调用方式不同this 指代的对象也不同【谁调用 this 就是谁】是判断 this 指向的粗略规则直接调用函数其实相当于是 window.函数所以 this 指代 window
什么是回调函数
如果将函数 A 做为参数传递给函数 B 时我们称函数 A 为回调函数 简单理解 当一个函数当做参数来传递给另外一个函数的时候这个函数就是回调函数
function fn(){
console.log(我是回调函数)
}
// fn 传递给了setInterval,fn 就是回调函数
setInterval(fn1000)
// 这里的第二个参数是一个函数这种将函数作为参数传递给其他函数并在特定事件或条件发生时执行的方式被称为回调函数
box.addEventListener(click,function(){
console.log(我也是回调函数)
})
// 回调函数的本质还是一个函数只不过把它当成参数使用
