原生js總結 乾貨

1.js基本資料型別

number　　string　　boolean　　underfined　　null

2.查詢文件中的特定元素

document.getelementbyid("id");

document.getelementbytagname("div");

document.getelementbyclassname("aa");  //有相容問題

document.getelementbyname("username");  //有相容問題

3.定時器

settimeout(function(),time); 　　//time為定時幾秒

4.js獲取塊元素寬高

var odiv = document.getelementbyid("id");　　//獲取元素id

odiv.offsetwidth　　　　//offsetwidth = content + padding + border

odiv.offsetheight

odiv.offsetleft

odiv.offsettop

odiv.offsetparent

5.事件冒泡與事件捕獲

事件冒泡：從觸發的事件開始，自下而上的觸發事件,預設為false   　　　　　　　　　　           //　　我 -->爸爸 -->爺爺

事件捕獲：從document到觸發事件的節點，自上而下的觸發事件,第三個引數為true　　　　　　//　　爺爺-->爸爸-->我

然後，上**

html:

1

<
div 
id="div1"
>
2<
div 
id="div2"
class
="div2"
>34
div>
5div
>

js:事件冒泡（結果：div1　　div2）

1

var odiv1 = document.getelementbyid("div1");
2var odiv2 = document.getelementbyid("div2");
3odiv1.addeventlistener("click",function ());
6odiv2.addeventlistener("click",function ());

事件捕獲(結果：div2　　div1)

1

var odiv1 = document.getelementbyid("div1");
2var odiv2 = document.getelementbyid("div2");
3odiv1.addeventlistener("click",function ());
6odiv2.addeventlistener("click",function (),true);

ps:阻止事件冒泡的函式：

jq:　　e.stoppropagation　　可以實現到當前被觸發元素為止，不再向上冒泡

常用原生js方法總結

新增事件方法 addhandler function element,type,handler else if element.attachevent else 移除之前新增的事件方法 removehandler function element,type,handler else if eleme...

原生js大總結十一

101 請簡述prototype proto constructor三者的關係 1 prototype 每乙個函式都有乙個prototype這個屬性，而這個屬性指向乙個物件，這個物件我們叫做原型物件 作用 a 節約記憶體 b 擴充套件屬性和方法 c 可以實現類之間的繼承 2 proto 1 每乙個物...

原生js大總結十

91 ajax的優點 a 提高執行效率 b 提高使用者體驗，讓多件事情同時發生 c 在不重新整理頁面的情況下可以對區域性資料進行載入和重新整理 92 ajax請求的流程 1 建立通訊物件 a ie7及其以上版本中支援原生的 xhr 物件，因此可以直接使用 b ie6及其之前版本中,xhr物件是通過m...