两个比较有用的Javascript工具函数代码
更新时间：2010年02月17日 16:22:44 作者：
下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄
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可以参照我写的其他的文章中的代码
比如最常用的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可以参照我写的其他的文章中的代码
相关文章
这篇文章主要介绍了小程序中设置缓存过期的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
在javascript中,伪数组又称类数组,是一个类似数组的对象,是一种按照索引存储数据且具有length属性的对象,下面这篇文章主要给大家介绍了关于javascript中伪数组和真数组的一些小秘密,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了这样回答继承可能面试官更满意,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-12-12
这篇文章主要为大家详细介绍了JS动态创建元素的两种方法,字符串拼接形式，或是使用Document、Element对象自带的一些函数 ，需要的朋友可以参考下2016-04-04
JavaScript setTimeout和setInterval的用法与区别详解
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,下面这篇文章主要给大家介绍了关于JavaScript setTimeout和setInterval的用法与区别,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了uni-app自定义导航栏右侧做增加按钮并跳转链接,本文通过实例代码给大家分享实现思路，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要介绍了Bootstrap栅格系统使用方法及页面调整变形的解决方法,需要的朋友可以参考下2017-03-03
本文通过实例代码给大家介绍了js判断日期时间差的方法，文章给大家补充介绍了js求时间差的代码，需要的朋友参考下吧2018-03-03
下面小编就为大家带来一篇label+input实现按钮开关切换效果的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
JavaScript实现点击自动选择TextArea文本的方法
这篇文章主要介绍了JavaScript实现点击自动选择TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常简单实用,需要的朋友可以参考下2015-07-07
最新评论