2 つの便利な Javascript ツール関数コード_JavaScript スキル

1. 実際の作業では、皆さんがさまざまな課題文を書きます。
たとえば、最も一般的に使用される obj.style.display = "none";
このような代入ステートメントが多すぎると、obj.style が連続して配置されると目がくらんでしまいます。 🎜>
次に、base.js の extend 関数を使用すると、json 形式で属性や関数ハンドルを割り当てることができます

コードをコピー コードは次のとおりです。

/**
* 拡張関数
* @param target 拡張する必要があるオブジェクト
* @param params ターゲットに入れる属性とメソッド
*/
function extend(target, params) {
if (!target) {
target = {};
for (var prop in params) {
target[prop] = params[prop];
return target; 🎜>

2. IE は w3c 標準に完全に準拠しておらず、そのイベント モデルが他のブラウザーとは異なります。
呼び出し方法も異なります。
コントロールにイベントを動的に追加する必要がある場合。 dom が動的に作成され、複数のハンドルをバインドできない場合、onclick = function() {} の使用は効果的でない可能性があります。以下に、すべてのブラウザをサポートする一般的なバインディング イベント関数を紹介します。
ほとんどの場合、useCapture は false なので、ここで死ぬほど書いてください。

コードをコピー

コードは次のとおりです: /*** イベントハンドルを動的に作成 * @param 拡張が必要な​​コントロールオブジェクト * @parameventName イベント名

* @param fn 関数ハンドル

*/
function addEventListener(control,eventName,fn) {

if (window.attachEvent) {
control.attachEvent('on'eventName, fn); else {
コントロール.addEventListener(eventName, fn, false);
}
}


上記2つの関数の使用例は、私が書いた他の記事のコードを参照してください。