我是靠谱客的博主 忧心铃铛,最近开发中收集的这篇文章主要介绍两个比较有用的Javascript工具函数代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.大家在实际工作中,会写各式各样的赋值语句。
比如最常用的obj.style.display = "none";
如果这样的赋值语句一多,obj.style一排下来都要看晕了

下面我的base.js中的extend函数可以允许用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不完全遵守w3c标准,他的事件模型和别的浏览器不一样。调用的方法也不一样。
如果遇到要为控件动态增加事件。用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可以参照我写的其他的文章中的代码

最后

以上就是忧心铃铛为你收集整理的两个比较有用的Javascript工具函数代码的全部内容,希望文章能够帮你解决两个比较有用的Javascript工具函数代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(116)

评论列表共有 0 条评论

立即
投稿
返回
顶部