Paste_Image.png
1．Html5元素
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
2．关于ie浏览器的兼容性
Paste_Image.png
没设置document.createElement(“”);前：
Paste_Image.png
设置document.createElement(“”);后：
Paste_Image.png
3.h5表单的元素
Paste_Image.png
Paste_Image.png
3.表单验证
Paste_Image.png
类似这样的例子
valueMissing输入值为空—用在type=”text”中
Paste_Image.png
typeMismatch控件值与预期类型不匹配
Paste_Image.png
patternMismatch输入值不满足pattern正则
Paste_Image.png
tooLong超过maxLength最大限制
Paste_Image.png
rangeUnderflow验证range最小值
Paste_Image.png
rangeOverflow验证range最大值
Paste_Image.png
setCustomValidity/customError:
Paste_Image.png
Paste_Image.png
4.新的选择器
Paste_Image.png
div1的一种方法
Paste_Image.png
div的一种方法
Paste_Image.png
.box的一种方法表示
Paste_Image.png
获取一组元素方法：
Paste_Image.png
5.获取class列表属性
Paste_Image.png
例子
Paste_Image.png
Paste_Image.png
add增加css，remove删除css：
例子
add：
Paste_Image.png
Paste_Image.png
remove：
Paste_Image.png
Paste_Image.png
toggle是切换classlist列表：下面增加了一个box4
例子
Paste_Image.png
Paste_Image.png
这里的toggle却删除了box2
例子
Paste_Image.png
Paste_Image.png
6.JSON的新方法
Paste_Image.png
Eval：
Paste_Image.png
Json：
Paste_Image.png
注意：
Paste_Image.png
递归深拷贝：
Paste_Image.png
Paste_Image.png
引进这个js才能兼容ie浏览器
Paste_Image.png
往后还会继续更新h5知识，谢谢阅读本人的文章，若有什么需要改正的，请指正，本人乐意改善
本文作者lilyping
越努力，越幸运
原文链接：https://www.jianshu.com/u/3908e601f4ec
微信公众号：BestLilyPing
github:https://github.com/lilyping
Demos源码地址：https://github.com/lilyping
