当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 两个比较有用的Javascript工具函数代码

Javascript
JS 页面自动加载函数(兼容多浏览器)
innerText和innerHTML 一些问题分析
js 淘宝首页的拼音排序效果
jquery 获取当前元素的索引值
编写兼容IE和FireFox的脚本
JavaScript Table行定位效果
W3C Group的JavaScript1.8 新特性介绍
JavaScript 取一个月的最后一天
两个table之间相互移动数据
Javascript 的addEventListener()及attachEvent()区别分析
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
javascript操作cookie_获取与修改代码
鼠标经过的文本框textbox变色
Javascript 兼容firefox的一些问题
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
简单的js分页脚本
各种常用浏览器getBoundingClientRect的解析
document.compatMode介绍
javascript 方法一些使用方法
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家

两个比较有用的Javascript工具函数代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 350 ::
收藏到网摘: n/a

下面我的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可以参照我写的其他的文章中的代码