二つの比較的有用なJavascriptツール関数コード
1328 ワード
1.実際に仕事をしていると、いろいろな割当文が書かれています.
例えば、最もよく使われているobj.style.display=none;
このような割当語句が多いと、obj.styleが並んでいても、見ていて酔います.
以下の私のbase.jsのexted関数は、json形式で属性、または関数のハンドルを割り当てることができます.
コントロールのためにイベントを動的に増やす場合.onclick=function(){}という種類のものを使ってdomダイナミックに作成するときは必ずしも有効ではなく、複数のハンドルを結び付けることができません.以下では、一般的に全ブラウザをサポートするバインディングイベント関数を紹介します.
ほとんどの場合、useCaptureはfalseを使っていますので、ここではあっさりと書きます.
例えば、最もよく使われているobj.style.display=none;
このような割当語句が多いと、obj.styleが並んでいても、見ていて酔います.
以下の私のbase.jsのexted関数は、json形式で属性、または関数のハンドルを割り当てることができます.
/**
*
* @param target
* @param params target
*/
function extend(target, params) {
if (!target) {
target = {};
}
for (var prop in params) {
target[prop] = params[prop];
}
return target;
}
2.ieはw 3 c規格を完全に守らないので、彼のイベントモデルは他のブラウザと違っています.コールの仕方も違います.コントロールのためにイベントを動的に増やす場合.onclick=function(){}という種類のものを使ってdomダイナミックに作成するときは必ずしも有効ではなく、複数のハンドルを結び付けることができません.以下では、一般的に全ブラウザをサポートするバインディングイベント関数を紹介します.
ほとんどの場合、useCaptureはfalseを使っていますので、ここではあっさりと書きます.
/**
*
* @param control
* @param eventName
* @param fn
*/
function addEventListener(control, eventName, fn) {
if (window.attachEvent) {
control.attachEvent('on' + eventName, fn);
} else {
control.addEventListener(eventName, fn, false);
}
}
以上の二つの関数はSampleを使って、私が書いた他の文章のコードを参照できます.