全棧JavaScript之路(十四)HTML5 中與class屬性相關的擴充,html5class
1. getElementByClassName() :支援getElementsByClassName()方法的瀏覽器有IE 9+、Firefox 3+、Safari 3.1+、Chrome 和 Opera 9.5+。
2. classList 屬性 : classList 屬性是新集合類型 DOMTokenList 的執行個體.DOMTokenList 類型有一個lenght 屬性 ,表示包含了多少子項目,要取得每一個元素可以通過item() 方法訪問,也可以用 [ ] 方法 訪問。
此外這個新類型還定義了如下方法:
add(value)
remove(value)
contains(value)
toggle(value)
支援classList 屬性的瀏覽器有Firefox 3.6+和Chrome。
HTML5,CSS,JAVASCRIPT相關科普HTML 5有兩大特點:首先,強化了 Web 網頁的表現效能。其次,追加了本機資料庫等 Web 應用程式的功能。廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要外掛程式的豐富性網路應用服務(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,與Oracle JavaFX的需求,並且提供更多能有效增強網路應用的標準集。
階層式樣式表(Cascading Style Sheet)簡稱“CSS”,通常又稱為“風格樣式表(Style Sheet)”,它是用來進行網頁風格設計的。比如,如果想讓連結字未點擊時是藍色的,當滑鼠移上去後字變成紅色的且有底線,這就是一種風格。通過設立樣式表,可以統一地控制HTML中各標誌的顯示內容。階層式樣式表可以使人更能有效地控制網頁外觀。使用階層式樣式表,可以擴充精確指定網頁元素位置,外觀以及建立特殊效果的能力。
JavaScript是一種基於對象和事件驅動並具有相對安全性的用戶端指令碼語言。同時也是一種廣泛用於用戶端Web開發的指令碼語言,常用來給HTML網頁添加動態功能,比如響應使用者的各種操作。它最初由網景公司(Netscape)的Brendan Eich設計,是一種動態、弱類型、基於原型的語言,內建支援類。JavaScript是Sun公司的註冊商標。Ecma國際以JavaScript為基礎制定了ECMAScript標準。JavaScript也可以用於其他場合,如伺服器端編程。完整的JavaScript實現包含三個部分:ECMAScript,文件物件模型,位元組順序記號。
怎麼判斷瀏覽器是否支援html5的某些屬性例如:required,placeholder.還有其它常規的做法就是先判斷瀏覽器的類型與版本號碼,然後可以判斷是否支援HTML5.
比較省事的做法就是執行HTML5中的特有函數,有try可以測試是否正確執行。由於各瀏覽器版本對html5的支援度不同,這種情況只適用使用大多數的html5方法或屬性。