h5c3个人笔记

ZXY的H5C3笔记

H5第一天

H5参考手册地址:http://www.w3school.com.cn/html5/html5_reference.asp:

常用标签:

nav 导航标签 header 页眉标签 footer 页脚标签 main 内容标签 article 左边 aside 右边

audio 音频 video 视频 source 提供多个视频 让浏览器选择支持的视频格式

音频视频属性: poster(默认显示视频的封面) controls(控制器面板) autoplay(自动播放) loop(循环播放)

表单新增属性:

placeholder:提示文本, autofocus:自动获取焦点

autocomplete:自动提示 on打开 off关闭 (提交过才会记录,必须有name属性)

required:必须输入 pattern:正则表达式验证 multiple:选择多个文件

form:指定表单的id,指定id号的表单进行数据提交时,将form属性的表单一起提交

兼容问题:

IE9以下兼容问题: 转换成块级元素

IE8以下兼容问题:

新增表单事件:

oninput事件:监听当前指定元素内容,内容改变则就会触发

onchange事件:监听当前指定元素内容,内容改变并失去焦点时触发

onkeyup事件:键盘弹起时触发

oninvalid事件:当验证不通过的时候触发

dom操作:

querySelector() 只会取到满足条件的第一个元素

querySelectorAll() 返回满足条件的所有元素–伪数组

add()为元素添加指定样式的类名,一次只能添加一次

remove()为元素移除指定名称的样式,一次只能移除一个

classlist:当前元素的所有样式的列表-数组

toggle()切换元素的样式 没有添加 有则移除

contains()判断元素是否有指定名称的样式 返回false/true

凡是以data-开头的都是一个自定义属性

H5第二天

网络接口</