两个比较有用的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 相关文章推荐
一个可以显示阴历的JS代码
Mar 05 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
Feb 18 Javascript
有关jquery与DOM节点操作方法和属性记录
Apr 15 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 Javascript
学习使用Bootstrap页面排版样式
May 11 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 Javascript
Vue 实现拨打电话操作
Nov 16 Javascript
类似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 获取select下拉列表框的值
2010/05/08 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
基于jquery的时间段实现代码
2012/08/02 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
jquery固定底网站底部菜单效果
2013/08/13 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
JavaScript用200行代码制作打飞机小游戏实例
2017/06/21 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
[35:27]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第二场 10.29
2020/10/29 DOTA
Python装饰器decorator用法实例
2014/11/10 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
python转换字符串为摩尔斯电码的方法
2015/07/06 Python
python开发简易版在线音乐播放器
2017/03/03 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
Python实现常见的回文字符串算法
2018/11/14 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
如何解决安装python3.6.1失败
2020/07/01 Python
学生就业推荐信
2013/11/13 职场文书
运动会广播稿200米(5篇)
2014/10/15 职场文书
庆元旦主持词
2015/07/06 职场文书
如何使用Python实现一个简易的ORM模型
2021/05/12 Python
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python