随笔分类 -  JavaScript

摘要:*chrome浏览器需要在服务器环境中测试 iframe html: 子页面 阅读全文
posted @ 2014-09-11 18:31 _流年 阅读(807) 评论(0) 推荐(0)
摘要:代码及效果:链接 阅读全文
posted @ 2013-12-06 13:33 _流年 阅读(462) 评论(0) 推荐(1)
摘要:jcarousel Lite与jcarousel 相比去掉了皮肤的约束,可以自定义的设置前后按钮和选项卡按钮,生成的html更加简洁,文件更小(2k)下载链接:http://www.gmarwaha.com/jquery/jcarousellite/使用方法: 阅读全文
posted @ 2013-11-29 15:32 _流年 阅读(470) 评论(0) 推荐(0)
摘要:和Java一样,JS中直接用"+"号拼凑字符串是很耗费资源的,所以在大量拼凑字符串的情景中,我们也需要一个类似于StringBuffer的工具,下面利用Array.join()方法实现StringBufferfunction StringBuffer() { this._strs = new Array; } StringBuffer.prototype.append = function (str) { this._strs.push(str); }; StringBuffer.prototype.toString = function() { return this.. 阅读全文
posted @ 2013-11-20 11:22 _流年 阅读(905) 评论(0) 推荐(0)
摘要:当使用jQuery.ajax() 时,如果设置dataType:"json",如果返回的字符转换出错则不会调用success方法,而进入error方法,控制台中也不会出现错误信息如果没有定义error方法,则$.ajax()会默默的结束。为了避免这种现象出现: 1.写$.ajax()时定义error方法,对错误进行处理。 2.服务器端生成json时尽量不要手动拼凑,使用JsonObject生成 阅读全文
posted @ 2013-11-14 10:07 _流年 阅读(859) 评论(0) 推荐(0)
摘要:现在的主流浏览器都内置了JSON对象,使得json的操作非常方便,但是ie8(兼容模式),ie7和ie6没有JSON对象,所以首先要引入json2.js (下载)解决浏览器兼容的问题。JSON对象的使用:var a={"name":"tom","sex":"男","age":"24"};var b='{"name":"Mike","sex":"女","age":&quo 阅读全文
posted @ 2013-11-08 13:36 _流年 阅读(219) 评论(0) 推荐(0)
摘要:此版本为网上的日期联动插件修改版,加入了修改后事件/* * jQuery Date Selector Plugin * 日期联动选择插件 * * Demo: $("#calendar").DateSelector({ ctlYearId: , ctlMonthId: , ctlDayId: , defYear: , defMonth: , defDay: , minYea... 阅读全文
posted @ 2013-11-08 13:20 _流年 阅读(1575) 评论(0) 推荐(0)
摘要:JQuery 插件开发:类级别开发,开发新的全局函数对象级别开发,给Jquery对象开发新方法一、类级别开发 -定义全局方法jQuery.foo = function() { alert('This is a test.'); }; 采用命名空间,可以避免命名空间内函数的冲突。jQuery.apollo={ fun1:function(){ console.log('fun1'); }, fun2:function(){ console.log('fun2'); } } 二、对象级别开发 -定义jQu... 阅读全文
posted @ 2013-10-23 17:27 _流年 阅读(188) 评论(0) 推荐(0)
摘要:下面代码可以把一个页面容器中的表单元素封装成一个json对象。(function($){ $.fn.serializeObject=function(){ var inputs=$(this).find("input,textarea,select"); var o = {}; $.each(inputs,function(i,n){ switch(n.nodeName.toUpperCase()){ case "INPUT": ... 阅读全文
posted @ 2013-10-23 17:16 _流年 阅读(878) 评论(0) 推荐(0)
摘要:不同浏览器或者版本之间对于console对象的支持不尽相同,而console方法在开发调试过程中都是不错的工具。难道要在上线前把所有console.xxxx去掉以保证某些浏览器不报错么。其实可以变通解决。浏览器报找不到console对象,那我们就手动构造一个接口完全一致的console对象 置于window中。这里采用了空方法和空对象。如此一来即使在很old的浏览器中,含有console.xxxxx的代码依然不会报错,完美运行。下面附上修复兼容代码,要置于置于第一句console.xxxx调用之前,否则没有意义。(function (){ //创建空console对象,避免JS报错 ... 阅读全文
posted @ 2013-10-23 17:11 _流年 阅读(1438) 评论(0) 推荐(1)