今天要講的是那些html5冷知識，也許你知道，但是也有可能不知道啊。
瀏覽器地址欄運(yùn)行JavaScript代碼
這個(gè)很多人應(yīng)該還是知道的，在瀏覽器地址欄可以直接運(yùn)行JavaScript代碼，做法是以javascript:開頭后跟要執(zhí)行的語句。
要注意的是，執(zhí)行javascript代碼時(shí)，要在瀏覽器中手動輸入。因?yàn)?/span>復(fù)制代碼的話，IE及Chrome會默認(rèn)去掉代碼開頭的javascript:，只有手動添加才能正確執(zhí)行，而Firefox中雖然不會自動去掉，但它根本就不支持在地址欄運(yùn)行JS代碼！！
瀏覽器地址欄運(yùn)行HTML代碼
如果說上面那條小知識知道的人還算多的話，那這條秘笈知道的人就要少一些了，在非IE內(nèi)核的瀏覽器地址欄可以直接運(yùn)行HTML代碼！
比如在地址欄輸入以下代碼然后回車運(yùn)行，會出現(xiàn)指定的頁面內(nèi)容。
利用a標(biāo)簽自動解析URL
很多時(shí)候我們會有從一個(gè)URL中提取域名、查詢關(guān)鍵字、變量參數(shù)值的需要，但是肯定想不到可以讓瀏覽器幫我們完成這一任務(wù)吧。方法就在JS代碼里先創(chuàng)建一個(gè)a標(biāo)簽然后將需要解析的URL賦值給a的href屬性，然后就得到了一切我們想要的了。
把瀏覽器當(dāng)編輯器
依舊是在瀏覽器地址欄上做文章，將以下代碼貼到地址欄運(yùn)行后瀏覽器變成了一個(gè)原始而簡單的編輯器，與Windows自帶的notepad一樣，吼吼。
這就要多虧了HTML5中新加的contenteditable屬性，當(dāng)元素指定了該屬性后，元素的內(nèi)容成為可編輯狀態(tài)。
同樣道理，將以下代碼放到console執(zhí)行后，整個(gè)頁面將變得可編輯！
加載CDN文件時(shí)，可以省掉HTTP標(biāo)識
現(xiàn)在很流行的CDN即從專門的服務(wù)器加載一些通用的JS和CSS文件，出于安全考慮有的CDN服務(wù)器使用HTTPS方式連接，而有的是傳統(tǒng)的HTTP，其實(shí)我們在使用時(shí)可以忽略掉這個(gè)，將它從URL中省去。
頁面擁有ID的元素會創(chuàng)建全局變量
在一張HTML頁面中，所有設(shè)置了ID屬性的元素會在JavaScript的執(zhí)行環(huán)境中創(chuàng)建對應(yīng)的全局變量，這意味著document.getElementById像人的闌尾一樣顯得多余了。但實(shí)際項(xiàng)目中最好老老實(shí)實(shí)該怎么寫就怎么寫，畢竟常規(guī)代碼出亂子的機(jī)會要小得多。
利用script標(biāo)簽保存任意信息
將script標(biāo)簽設(shè)置為type='text'然后可以在里面保存任意信息，之后可以在JavaScript代碼中很方便地獲取。
當(dāng)然，冷知識肯定不止這些，不知道你們是否也發(fā)現(xiàn)了哪些？
