Paste_Image.png
1．Html5元素
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
2．關(guān)于ie瀏覽器的兼容性
Paste_Image.png
沒(méi)設(shè)置document.createElement(“”);前：
Paste_Image.png
設(shè)置document.createElement(“”);后：
Paste_Image.png
3.h5表單的元素
Paste_Image.png
Paste_Image.png
3.表單驗(yàn)證
Paste_Image.png
類(lèi)似這樣的例子
valueMissing輸入值為空—用在type=”text”中
Paste_Image.png
typeMismatch控件值與預(yù)期類(lèi)型不匹配
Paste_Image.png
patternMismatch輸入值不滿(mǎn)足pattern正則
Paste_Image.png
tooLong超過(guò)maxLength最大限制
Paste_Image.png
rangeUnderflow驗(yàn)證range最小值
Paste_Image.png
rangeOverflow驗(yàn)證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列表：下面增加了一個(gè)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
引進(jìn)這個(gè)js才能兼容ie瀏覽器
Paste_Image.png
往后還會(huì)繼續(xù)更新h5知識(shí)，謝謝閱讀本人的文章，若有什么需要改正的，請(qǐng)指正，本人樂(lè)意改善
本文作者lilyping
越努力，越幸運(yùn)
原文鏈接：http://www.itdecent.cn/u/3908e601f4ec
微信公眾號(hào)：BestLilyPing
github:https://github.com/lilyping
Demos源碼地址：https://github.com/lilyping
