![08649e846021c9246ab79f21524d032e.png](https://i-blog.csdnimg.cn/blog_migrate/204f8b99827faaf8148ca31ed670055a.jpeg)
1.触屏事件
<!DOCTYPE html>
2.聚焦事件
当输入框被点击之后,光标在输入框闪动的时候,即为聚焦的事件。
<!DOCTYPE html>
3.输入事件
输入事件与按键事件的主要区别在于,输入事件会以输入框是否真正输入新的内容而触发事件。而按键事件是每次按键都会触发。
<!DOCTYPE html>
4.变更事件
<!DOCTYPE html>
5.文档加载事件
文档或者是图片或者视频,都可以使用onload事件来进行判断内容是否加载完毕。图片想要获取宽高,必须等待图片加载完毕
<!DOCTYPE html>
6.改变文档结构的5中方式
1、在元素的最后面追加子元素
//语法:父元素.appendChild(子元素对象)
2、在什么元素前面追加元素
//语法:父元素.insertBefore(插入的元素对象,参考对象)
document.insertBefore()
3、替换元素
//语法:父元素.replaceChild(替换的元素对象,被替换的元素对象)
document.replaceChild()
4、删除某个元素
//语法:父元素.removeChild(删除元素对象)
document.removeChild()
5、创建元素,并没有显示在页面上,都需要上面的appendChild/insertBefore/replaceChild任意一种来完成插入到页面结构中
//语法:document.createElement("元素标签的名称")
7. Audio音频
常见的方法:
//audio常用的属性和方法
//play()播放、pause()暂停
//volume调节音量,设置的值是从0-1,0就相当于静音,1就是百分百的音量
//muted设置静音,true就静音,false不静音
//currentTime,获取和设置当前播放到什么位置
//onplay播放的事件
//onpause暂停事件
<!DOCTYPE html>
8. Video视频
常用方法:
/*
muted:静音
play():播放
pause():暂停
volume:音量
currentTime:当前播放的世界
loop:是否循环播放
duration:播放总时间
//onplay播放的事件
//onpause暂停事件
webkitRequestFullScreen():设置全屏播放,仅用于谷歌浏览器。