1. 程式人生 > >html回顧隨筆JS(*^__^*)

html回顧隨筆JS(*^__^*)

join 模糊 ins turn new fun 返回 -1 reat

---恢復內容開始---


map遍歷
function b(){ var week = new Map(); week.set("Mon","星期一"); week.set("tues","星期二"); week.set("Wed","星期三"); week.set("thurs","星期四"); value = week.get("thurs"); console.log((week.get("thurs"))); week.delete("thurs");
week.forEach(function(key,value){
//(key , value, map對象) // console.log(value+":"+key+"="+map); console.log(value); }); }

2016.6.8


通過js我們可以給元素加屬性 例如
在循環體內
xxx[i].index = i
我們可以給元素加上 index的屬性。

josn{a:1,b:2,c:"10"}
json[‘a‘] =1 ;
array[1,2,"10"];
array[0]=1;

json與array的區別 array的下標是數字,json的下標是字符串。
數組splice(a, b)從a個位置刪除b個元素
splice(a,b,"c","b")從a個刪除b插入“c”“b”
concat 鏈接數組
a.concat(b) 數組a後面連接b
a=[1,2,3,4]
a.join(‘--p‘)a之間的元素用--p連接

數組a.sort()字符串排序
數組數字排序
a.sort(function(n1,n2){
return n1-n2;
//比較函數作為參數


})


時間Date 定時器
setInterval(show,1000)一直持續執行
setTimeout(show,1000)執行一次
技術分享

but1啟動定時器

but2 關閉定時器

定時器 有一秒鐘延遲,所以我們可以在定時器底下直接調用定時器需要調用的方法排除一秒的延時

技術分享

childerNodes 除IE6-8外都為加上空的文本節點

技術分享

nodeType 3 =》文本節點 1=》元素節點

但是children不包含文本節點

技術分享

且子節點只算第一層,不算再內的層

offsetParent
css復習:絕對定位的元素根據相對定位的父級位置定位
offsetParent是獲取元素決定定位的父元素
技術分享

通過class 來獲取元素

Dom操作添加元素
1.先用createElement加一個元素,但是此時並不會顯示到頁面上。
2.我們在父元素通過調用appendChild(子節點)來加入到父元素下。
e.g
技術分享

插入元素:

appendChild是插入到末尾。

insertBefore是之前插入。

父級.appendChild(子節點)

父級.insertBefore(子節點,a[0])

為了避免無元素的情況做個判斷

技術分享

了解 文檔碎片(基本不怎麽用):

1.創建文碎片oFrag = document.createDocumentFragment();

2.循環 向碎片裏面加元素 oFrag.appendChild(oLi);

3.一次向oUl裏加入碎片 oUl.appendChild(oFrag);

appendchild()1.先將元素從父級上刪掉,在加入新的父級

dom操作:

search(Txt) 模糊查找 匹配到返回首次匹配的位置,未匹配到返回-1

忽略大小寫將兩個字符串都toLowerCase();

表格獲取 元素:

tBodies tHead tFoot rows cells

技術分享

aLi在這裏並不是Array 只是元素集合 而sort只是數組裏的方法

我們可以創建一個數組將ali裏的元素放入數組








  

---恢復內容結束---

html回顧隨筆JS(*^__^*)