首頁 >web前端 >H5教程 >H5的通用介面詳細介紹

H5的通用介面詳細介紹

php中世界最好的语言
php中世界最好的语言原創
2018-01-09 10:18:519152瀏覽

這次帶給大家H5的通用介面詳細介紹,怎樣使用H5的通用介面? H5的通用介面的注意事項有哪些,下面就是實戰案例,一起來看一下。

先說幾個基本型別: DOMString, boolean, long, unsigned long, double,

NaN(Not-a-Number)。

DOMString其實就是其它大家常用的語言中的string。 在HTML5中,它用於表示url,Dom內容等等。其他的boolean(布林), long(長整型), unsigned long(無符號長整型), double(浮點數)我想不用我詳述,大家都能清楚。至於NaN我想大部分JS老鳥也都清楚其意義,就是在一個無窮大

或非數字的值。

官方文件裡沒有介紹undefined和null,至於為什麼,希望能有高手給予解答~~

2. 集合類型包括: HTMLCollection, HTMLAllCollection,
HTMLFormControlsCollection, HTMLOptionsCollection, and and
HTMLPropertiesCollection。

HTMLCollection是一個泛型集合,也是一個集合的基礎接口,它提供了三個attributes:
length,item,namedItem.

length 是集合的長度。
item(index)可以用索引值取得集合中的元素。
namedItem(name)可以用元素的name取得元素。

其實你也可以直接用collection[index],collection(index)或collection

#[name],collection(name)取得集合中的元素。

HTMLAllCollection繼承自HTMLCollection接口,他包含以下屬性:

#length和item屬性跟HTMLCollection的一樣。

namedItem(name)區別於HTMLCollection的是它有可能回傳的是一個集合。

tags(tagname)用tagname傳回一個集合。

同樣你也可以直接用collection[index],collection(index)或collection

#[name],collection(name)取得集合中的元素,當那麼值符合多個元素時傳回一個

HTMLAllCollection。

HTMLFormControlsCollection是一個以form和fieldset為元素的集合。同樣繼承自

HTMLCollection介面。

有HTMLCollection的所有屬性,並另外增加了RadioNodeList介面。它繼承自NodeList。

其實RadioNodeList依照定義上來說就是一個Radiobutton的集合。我比較好奇這樣一個list放

在HTMLFormControlsCollection裡的用意。

HTMLOptionsCollection是一個option的集合,繼承自HTMLCollection接口,它一般用

於操縱select標籤的子元素。

HTMLOptionsCollection特有的屬性有:add(option),remove(index),selectedIndex

add方法有兩個重載

#void add (in HTMLElement element, in optional HTMLElement before);
void add(in HTMLElement element, in long before);

增加一個元素第一參數必須,後面的參數是可選的

remove(index)以索引刪除一個元素。

selectedIndex相信大家都能明白。

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

bootstrap裡如何統計table sum的數量

怎麼用JS做出切換隱藏與顯示同時切換圖示

vue.js todolist如何實作

以上是H5的通用介面詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn