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


Posted in Javascript onFebruary 17, 2010

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 相关文章推荐
CSDN轮换广告图片轮换效果
Mar 27 Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
jquery.cookie.js用法实例详解
Dec 25 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
vue绑定class的三种方法
Dec 24 Vue.js
类似GMAIL的Ajax信息反馈显示
Feb 16 #Javascript
JavaScript 10件让人费解的事情
Feb 15 #Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 #Javascript
jQuery 处理表单元素的代码
Feb 15 #Javascript
jQuery 树形结构的选择器
Feb 15 #Javascript
jQuery 处理网页内容的实现代码
Feb 15 #Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 #Javascript
You might like
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
jquery显示和隐藏div特效实例
2013/02/27 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
jquery禁用右键示例
2014/04/28 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
python获取引用对象的个数方式
2019/12/20 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
打印机墨盒:123Inkjets
2017/02/16 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
学校2014年度工作总结
2014/12/06 职场文书
禁毒主题班会教案
2015/08/14 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js