原生JS封裝常用函式

2021-10-10 19:05:44 字數 2132 閱讀 4895

求滾動條的滾動距離

function

getscrolloffset()

}else

}}

function

getdate()

function

retparent

(elem, n)

return elem;

}

4 . n為正 返回後面的兄弟元素節點,n為負 返回前面的 為0 返回自己

function

retsibling

(elem, n)

else

}return elem;

}

element.prototype.

inserafter

=function

(target, after)

else

}

element.prototype.

mychildren

=function()

}return arr;

}

element.prototype.

invertedchild

=function()

return

this

;}

function

inherit

(target, origin)

f.prototype = origin.prototype;

target.prototype =

newf()

; target.prototype.constuctor = target;

//自己的是哪個構造出來的

target.prototype.uber = origin.prototype //自己最終是繼承哪個的原型

}fater.prototype.lastname =

'yrg'

function

fater()

function

son(

)inherit

(son, fater)

var fater =

newfater()

;var son =

newson

()

function

jc(n)

return n *

jc(n -1)

;}function

fb(n)

else

}

function

type

(target)

if(target ==

null

)elseif(

typeof

(target)

=="object"

)else

}

陣列去重

array

.prototype.

unique

=function()

, arr1 =

;//返回新的陣列

for(

var i =

0; i <

this

.length; i++)}

return arr1;

}

function

getviewprotoffset()

}else

}else}}

}

function

getelementstyle

(elem , prop)

else

}

判斷是不是原始值,通過 typeof返回的結果。

建立相應的陣列或物件.

遞迴。

原生js封裝函式

原理是對元素的所有的子節點做乙個遍歷。然後做乙個判斷,如果是子元素節點 nodetype 1 則遍歷該子元素的所有的子節點,用遞迴檢查是否包含空白節點 如果處理的子節點是文字節點 nodetype 3 則檢查是否是純粹的空白節點,如果是,就將它從xml物件中刪除。1 function removew...

js 原生ajax 封裝函式

1 開啟伺服器wampserver 2 將檔案放置在wampserver的www資料夾下 3 開啟時網頁位址列為localhost www下的位址。eg http localhost myworld 5.19ajax index.html?hbt 1495158145298 4 呼叫方式 函式為 a...

原生JS 封裝call apply 函式

var value window var obj function show name,age 改變this指向的原理大概是這個樣子的 obj.show show obj.show delete obj.show 很簡單的過程,應該都能明白在函式的原型鏈上封裝兩個函式 封裝call函式 functi...