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
往后還會繼續(xù)更新h5知識，謝謝閱讀本人的文章辱魁，若有什么需要改正的告希，請指正鳍征，本人樂意改善
本文作者lilyping
越努力粘舟，越幸運
原文鏈接：http://www.reibang.com/u/3908e601f4ec
微信公眾號：BestLilyPing
github:https://github.com/lilyping
Demos源碼地址：https://github.com/lilyping
