常用js函式收錄

2022-09-03 03:48:12 字數 2730 閱讀 7437

一、函式頁面載入addloadevent()

由於window.onload只能繫結一條指令,當有多條指令被繫結時,只會有最後的那個函式被實際執行。對此,我們有兩個解決方法:

(1)先建立乙個匿名函式來容納這兩個函式

window.onload=function

這個方法在不是很多函式的情況下可以很好的工作,但是一般我們更加建議使用法二

(2)addloadevent函式

該函式的偽**:

1.把現有的window.onload事件處理函式的值存入變數oldonload

2.如果在這個處理函式上還沒有繫結任何函式,就像平時那樣把新函式新增給它

3.如果在這個處理函式上已經繫結了一些函式,就把新函式追加到現有指令的末尾

該函式**如下:

function addloadevent(func)

else

}}

說明:這將把那些在頁面載入完畢時執行的函式建立為乙個佇列。如果想要新增新函式,只需要執行以下兩行:

addloadevent(firstfunction);

addloadevent(secondfunction);

二、在元素後面插入元素insertafter():

js函式只提供了insertbefore(),可是卻沒有提供insertafter,但是它給了我們編寫該函式的所有工具

該函式偽**:

(1)獲取目標元素的父節點

(2)判斷目標元素的父節點的最後乙個子節點是否是目標元素,若是,則直接把新元素新增到其父節點上

(3)否則,利用insertbefore把新元素插入到目標元素的下乙個兄弟節點的前面

function insertafter(newelement,parentnode)

else

}

3.gethttpobject(),用ajax建立xmlhttprequest物件

不同ie版本中使用的xmlhttp物件也不完全相同,為了相容所有瀏覽器,函式應當這樣寫:

這樣,在我們編寫指令碼需要建立xmlhttp物件的時候,就可以使用以下語句:

4.js動畫,移動目標元素moveelement()

偽**如下:

(1)獲得元素的當前元素

(2)如果元素已經到達它的位置,則退出這個函式

(3)如果元素尚未達到它的目的地,則把它向目的地移近一點兒

(4)經過一段時間間隔之從步驟1開始重複上述步驟

function moveelement(elementid,final_x,final_y,internal)//利用與當前元素的直接相關的屬性來清除movement指令,避免使用者在多次反覆呼叫movement函式時導致元素同時往多個方向進行移動而產生錯誤

if(!elem.style.left)

if(!elem.style.top)//判斷目標元素是否有設定定位,沒有則預設定位到top:0; left:0;處

var xpos=parseint(elem.style.left);

var ypos=parseint(elem.style.top);//在這個函式中要進行多次的數值比較,而elem.style.left和elem.style.top返回的則是「xxpx」這樣乙個字串,所以要使用parseint來轉換

var dist=0;

if(xpos==final_x&&ypos==final_y)//如果目標元素已經到達目標點,則退出函式

if(xposfinal-x)

if(yposfinal_y)

elem.style.left=xpos+"px";

elem.style.top=ypos+"px";

var repeat="moveelement('"+elementtd"+',"+final_x+","+final_y+","+internal+")";//因為settimeout函式的第乙個引數值為字串,所以repeat需要引數拼接起來的字串

elem.movement=settimeout(repeat,interval);

}

5.新增類:addclass()

有時候為了動態的給網頁新增樣式,我們常常通過給目標元素新增特定的類名來設定樣式:

偽**如下:

(1)判斷目標元素是否有類名,若沒有,則直接把value賦值給目標元素

(2)如果有類名,則將將原類名賦值給乙個新變數,然後再給這個新變數賦值乙個空格和要新增的類名,最後再把這個新變數賦值給目標元素的類名屬性

function addclass(element,value)else

}

6.**的增強顯示:stripetables()和highlightrows()

**如下:

function stripetables()else}}

}function highlightrows()

rows[i].onmouseout=function()

}}

收錄常用CSS

1.防padding屬性改變盒子模型寬度 當前css將固定盒子模型寬度總是以 顯示 指定的寬度 width 300px 為準,並不會受到padding而強制改變和模型寬度.2.文字包圍 img在相同和模型中,將浮動而文字內容不浮動時,將形成文字包圍的效果.note 因float已脫離流式布局,為防止...

js 常用函式

常用函式 double 小數點處理 引數為double型別 num為保留位數 返回為 double型別 function double double,num return parsefloat double 字串處理 str.trim 去掉空格 str.indexof 判斷是否包含 沒有返回 1 s...

js常用函式

var str 1250 alert number str 得到1250 alert parseint str 得到1250 var str1 00100 alert number str1 得到100 alert parseint str1 得到64 發現parseint方法在format 00 ...