摘要:
常见的绑定事件有直接绑定在页面元素中比如<div id="wrap" onclick="a();"></div>,这个换种方法也就是分离出来写在js代码里如document.getElementById('wrap').onclick = function(){a();},此时如果需要绑定多个方法则直接写在一起即可如document.getElementById('wrap... 阅读全文
摘要:
这篇文章是对前一篇文章树形结构的改良,并实现了更多的功能,其中包含禁止选择不同的城市,不同的学校(注:这些是我们项目中的需要,有一定的特殊性,主要是为了防止同时选中过多的对象然后发送信息的时候会发生堵塞。)与上一个版本相比,现在的版本增加了两个方法cancelSchool(self),cancelCity(self),并且取消了label标签,所以点击A标签的时候只会有展开或收缩的功能,这样做的目的是为了避免在ajax第一次加载子对象数据时会只选择当前的checkbox,而由于加载完后的子对象却没法选中。然后把原来的span标签换成了em标签,这样em和a标签所触发的事件是一样的了。该版本稍微 阅读全文
摘要:
项目中需要对发送信息的对象做一个树形的管理,主要功能是全选和取消选中checkbox(比如选中所有子对象则父元素也自动选中,当子对象中的任何一个取消选中那么父元素也会自动取消选中,这里涉及到递归寻找父对象)。这里是html结构,对应后述代码代码下面是用到的样式和标识图片代码js代码里首先定义了一些工具方法,里面有部分注释,代码写的也比较简单,主要是讲下思路。代码第一个方法addEvent()用来绑... 阅读全文
摘要:
花了点时间改写了一个autoComplete.js,在之前的项目里用jQuery写的一个函数,现在改成原生js面向对象的方式写,花了不少力气当然也从中学习到了很多,下面发出来分享。这个autoComplete对象需要初始化并绑定在一个input上面,面向对象的思想是借鉴上一篇随笔里面的日历控件。首先定义了该对象的一些属性:[代码]source是数据源,这里写的几个静态数据测试,需要的话可以通过aj... 阅读全文
摘要:
总想写点什么,可又没什么太多的原创东西,即使是原创但技术含量太低实在拿不出手,只好拿js大牛客服果果的号称最精简的日历代码分析一下,顺便完善了代码,该日历适合用于要求不是很苛刻的情况。先看看第一段js原代码吧![代码]这段是对Date对象添加了原型方法fDay,该方法返回的是当前月份的第一天星期几,注意星期天就是返回0,setDate(1)设置日期格式为当前时间月份的第一天,getDay返回星期几... 阅读全文
摘要:
在网上找了很多dom操作的例子,感觉不全而且凌乱。自己平时可能也会经常遇到所以总结如下:1,dom元素的创建2,dom元素的插入3,dom元素替换4,dom元素的删除首先页面上有这么些简单的dom元素<div id="wrap"> <div id="a">aaaaaaaa</div> <div id="b">bbbbbbbb</div>... 阅读全文