全棧JavaScript之路(十四)HTML5 中與class屬性相關的擴充,html5class

來源:互聯網
上載者:User

全棧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方法或屬性。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.