随笔分类 - JavaScript实用小功能函数
-
JS 元素绑定事件 兼容主流浏览器+IE
摘要:获取一个元素并且绑定点击事件或者,鼠标事件等其他事件,绑定事件共有3种方式,并且都有兼容性问题, 下面主要是集合3种方式进行封装以便自动兼容达到最好。 // elem 绑定的目标dom对象 ,type 绑定事件类型 ,handle回调函数 function addEvent(elem, type, 阅读全文
-
JS动态创建script,插入到DOM中,异步加载,兼容IE
摘要:JS异步加载的方式有三种,我这里介绍最好的一种,另外两种你们可以自行查询解决(因为他们都有兼容性问题) 这样做执行js时也不阻塞页面,不但支持异步加载,提高页面加载速度,还支持按需加载。 这里我封装一个函数 传入你要加载的js路径地址,并且计划加载完成后调用里面的某个方法函数 function lo 阅读全文
-
js 封装公共方法 拖动元素进行上下排序 返回排序结果
摘要:效果图 拖动元素进行上下排序 并且回调返回排序结果数组 1.common.js进行封装 // 拖动排序封装//dom:父节点ID名称(必传)//callback:回调函数,返回排序结果(选传) const drag = function(dom, callback) { let node = doc 阅读全文
-
JavaScript 计算分页
摘要:function ceilPage(tal, size = 10) { var _sPage = Math.ceil(parseInt(tal, 10) / size); //向上取整 return _sPage; } // ceilPage(总数量, 每一页展示多少条) 不传每一页展示多少条.默认 阅读全文