Html5新的選擇器

2022-09-03 13:12:20 字數 1666 閱讀 9213

queryselector() 選擇器 注:只能選擇乙個元素

queryselectorall() 選擇器 注:選擇一組元素

getelementsbyclassname() 專門針對class的,獲取一組class元素

獲取class列表屬性

classlist

length:class的長度

add():新增class的方法

remove():刪除class方法

toggle():切換class方法

json的新方法

新方法的應用,深度轉殖物件

深拷貝

data自定義資料

延遲載入js

js的載入會影響後面的內容載入

很多瀏覽器都採用了並行載入js,

但還是會影響其他內容

html5的defer和async

defer:延遲載入,會按順序執行,

在onload執行前被觸發

async:非同步載入,載入完就觸發,

有順序問題

pushstate方法

history

伺服器下執行

pushstate三個引數:

資料 標題(還沒有實現) 位址(可選)

popstate事件: 讀取資料event.state

注意:**是虛假的,需要伺服器後台指定對映對應頁面,不然重新整理找到不到頁面

html5 新的選擇器

1 queryselector 類似於jq裡的 方法,但是只能取到第乙個元素 只能取到乙個集合,即使只有乙個元素 class li2 li class li2 li ul var oli document.queryselectorall li2 oli取到的是乙個類集合,所以加樣式要用for迴圈 ...

HTML5 選擇器續

十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能,一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...

HTML5的高階選擇器

1 層次選擇器 form p 表示後輩 後代選擇器 form p 表示子輩 div p 表示div下乙個相鄰的p元素 div p 表示div後所有匹配的p元素 2 結構偽類選擇器 p first child 第乙個p標籤 p last child 最後乙個p標籤 p nth child 3 第3個p...