两个比较有用的Javascript工具函数代码
两个比较有用的Javascript工具函数代码
发布时间:2016-12-30 来源:查字典编辑
摘要:1.大家在实际工作中,会写各式各样的赋值语句。比如最常用的obj.style.display="none";如果这样的赋值语句一多,obj....

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教程学习
编程开发子分类