jqueryui datepicker点击今天按钮如何设置控件值

评论(0)浏览(994)分类:JavaScript/Ajax开发技巧
jqueryui datepicker点击今天按钮如何设置控件值  2015-11-4更新:自己重写jqueryui datepicker的_gotoToday私有方法也行$.datepicker._gotoToday = function (id) { $(id).datepicker('setDate', new Date()).datepicker('hide').blur();};   jqueryui的datepicker插件点击今天按钮时,只是跳转到当天所在的月份,而不是设置控件的值为今天。要想点击今天这个按钮后设置..

移动端touch事件和事件参数详解

评论(1)浏览(1430)分类:JavaScript/Ajax开发技巧
移动端touch事件和事件参数详解什么是touch事件  touch事件是移动端触屏设备上的事件,当用户触摸屏幕及进行一系列操作时发生的事件。 包含touchstart, touchmove, touchend事件。touch事件模式  touch事件同其他dom事件一样(因为本身就属于dom事件,只不过用在触屏设备的新增html5事件),用 addEventListener绑定,在事件处理时使用e.prevantDefault()来阻止默认事件执..

touchEnd事件不触发解决办法

评论(0)浏览(490)分类:JavaScript/Ajax开发技巧
touchEnd事件不触发解决办法  移动端touchEnd事件不触发解决办法div id=dv style=height:1000px/divscript document.addEventListener('touchstart', function (e) { e.preventDefault()//不增加这句touchend不会触发 }, false); document.addEventListener('touchend', function (e) { document.getElementById('dv').i..

网站引用谷歌地图打不开解决办法

评论(0)浏览(283)分类:JavaScript/Ajax开发技巧
网站引用谷歌地图打不开解决办法  谷歌地图被中国防火墙封杀,所以不用直接引用http://maps.googleapis.com/maps/api/js?sensor=falselanguage=en这域名下的谷歌地图api,而是改为http://maps.google.cn/maps/api/js?sensor=false这个地址,google.cn在国内的域名没有被封杀,可以使用。  注意:google.cn虽然可以使用,但是会输出部分js引用到google.com的资源,导致地图呈..

javascript正则RegExp,compile参数

评论(0)浏览(246)分类:JavaScript/Ajax开发技巧
javascript正则RegExp,compile参数  javascript正则对象RegExp参数,正则对象方法RegExp.compile参数说明  RegExp对象使用方法new RegExp(pattern, attributes);参数pattern:字符串或者正则表达式,如果是字符串,注意字符需要转义。DEMOscript //参数为数字 var re = new RegExp(\\d{4}, 'g'); alert(re)// == /\d{4}/g re = new RegExp(\d{4}, '..

变量式申明函数中函数名作用域

评论(0)浏览(104)分类:JavaScript/Ajax开发技巧
变量式申明函数中函数名作用域  javascript以变量式申明函数时,如果函数有函数名称,这个函数名称作用域范围将会在此函数体有效,作为私有变量存在,非全局变量。 DEMOscript var b = function c() { a = 1; b = 2; c = 3; } b(); console.log(a); console.log(b); console.log(c);//报错/script  解析:函数内的a,b,c没..

iframe和父页,window.open打开页面之间的引用

评论(0)浏览(2903)分类:JavaScript/Ajax开发技巧
iframe和父页,window.open打开页面之间的引用  iframe和父页,window.open打开页面和被打开页面之间的关系可以通过下面的对象获取到  1)通过iframe加载的,在iframe中用parent对象得到父页window作用域,如果iframe中又加载了iframe,在最里层的iframe中需要重复调用parent直到得到需要的父页作用域(如parent.parent)。如果是直接引用最顶级的父页作用域,可以使用top对象。  2)父页..

javascript将html代码绘制为图片

评论(0)浏览(1299)分类:JavaScript/Ajax开发技巧
javascript将html代码绘制为图片  javascript如何将html代码转为图像,示例使用到了html2canvas这个类库,将html dom对象绘制到canvas中,然后在调用canvas的toDataURL得到图片base64字符串内容,设置img的src为toDataURL返回的内容即可显示html对应的图片。如果需要保存图片,需要自己将base64内容到服务器端进行2进制转换保存为图片后设置content-disposition为attachment进..

图片分割左右/上下分离效果

评论(0)浏览(710)分类:JavaScript/Ajax开发技巧
图片分割左右/上下分离效果  居于jquery的图片水平或者垂直分割后,设置左右或者上下分离效果。  图片分割左右/上下分离效果源代码如下!doctype htmltitle图片分割左右/上下分离效果/titlescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle .slider{width:670px;height:560px;overflow:hidden;position:relative;background-repe..

Object.defineProperties参数介绍

评论(0)浏览(234)分类:JavaScript/Ajax开发技巧
Object.defineProperties参数介绍The Object.defineProperties() method defines new or modifies existing properties directly on an object, returning the object.SyntaxObject.defineProperties(obj, props)ParametersobjThe object on which to define or modify properties.propsAn object whose own enumerable properties constitute descriptors for the properties t..

javascript构造函数返回值详解

评论(0)浏览(351)分类:JavaScript/Ajax开发技巧
javascript构造函数返回值详解  在说JavaScript构造函数返回值的问题前,我们先来了解new操作符:new操作符的作用就是实例化一个用户定义的对象类型(在javascript可以称之为对象也可以称之为函数也可以称之为类),new的基本语法:new constructor[([arguments])]  其中constructor是一个函数,它定义了实例化对象的类型。arguments是constructor调用时所需的值。创建用户..

javascript解码16进制\x\u编码

评论(0)浏览(878)分类:JavaScript/Ajax开发技巧
javascript解码16进制\x\u编码  javascript解码\x\u格式的16进制编码。script function hexToString(str) { var mc = str.match(/\\x[a-z\d]{2}|\\u[a-z\d]{4}/gi); var val = ''; for (var i = 0, j = mc.length; i j; i++) { val += String.fromCharCode(parseInt(mc[i].substring(2), 16)); } return val; ..

csdn职位滚动javascript效果

评论(0)浏览(232)分类:JavaScript/Ajax开发技巧
csdn职位滚动javascript效果  csdn论坛首页职位滚动效果。style .scrollDiv{height:312px;overflow:hidden;width:180px;font-size:13px}/stylediv id=scrollDiv class=scrollDiv ul script type=text/javascript src=http://ag.csdn.net/common/getcmsad.ashx?column=2276c9c1-9162-49d1-9502-5b182b94b60ecount=1/script /ul/divscript src=http://aja..

pdf.js如何配置语言本地化

评论(0)浏览(1685)分类:JavaScript/Ajax开发技巧
pdf.js如何配置语言本地化  pdf.js如何配置显示的语言。pdf.js语言本地化设置。  pdf.js默认的语言是英语的,如果要界面显示指定的语言或者依据访问这浏览器的用户首选语言来确认要要使用的本地化文件,可以按照下面的步骤来操作。  如果访问者已经知道,全部为国内用户,pdf.js要显示中文语言配置,可以用link标签指定加载的语言为中文即可。(下载的pdf.js中语言..

jquery标签云选择效果

评论(0)浏览(331)分类:JavaScript/Ajax开发技巧
jquery标签云选择效果  居于jquery框架的标签云选择效果。!doctype htmltitlejquery多彩标签云选择效果/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px..

JavaScript数字滚动效果

评论(0)浏览(315)分类:JavaScript/Ajax开发技巧
JavaScript数字滚动效果  JavaScript数字滚动效果 div id=n style=height:20px div class=num1/div div class=num2/div div class=num3/div div class=num4/div div class=num5/div div class=num6/div div class=num7/div div class=num8/div div class=num9/div div class=num10/div ..

jquery通讯录选择效果

评论(0)浏览(428)分类:JavaScript/Ajax开发技巧
jquery通讯录选择效果  jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人:input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题:..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全..

javascript添加删除表格数据行示例

评论(0)浏览(540)分类:JavaScript/Ajax开发技巧
javascript添加删除表格数据行示例  javascript添加删除表格数据行示例,居于jquery框架titlejavascript添加删除表格数据行示例/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scripttable border=1 trtdID/tdth姓名/thth联系电话/thth操作/th/trtbody id=tbRows tr id=trTpltd1/tdtdinput type=text //tdtdinput ty..

如何自定义html5新类型表单错误信息

评论(0)浏览(321)分类:JavaScript/Ajax开发技巧
如何自定义html5新类型表单错误信息  HTML5 input元素新增了很多新类型,如number,tel,email,url等类型,如指定input的type为email,浏览器还会自动验证输入输入的有效性,不是有效的email地址浏览器会自动提示错误信息。如下图所示email:input type=email/图1  错误的样式是浏览器自定义的,如果你想自定义错误控件的样式,可以使用css3的:invalid伪类style input.emai..

HostOnly Cookie和HttpOnly Cookie

评论(0)浏览(736)分类:JavaScript/Ajax开发技巧
HostOnly Cookie和HttpOnly Cookie怎么使用Cookie?  通常我们有两种方式给浏览器设置或获取Cookie,分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header,以及通过JavaScript对document.cookie进行赋值或取值。rfc6265第5.2节定义的Set-Cookie Header,除了必须包含Cookie正文,还可以选择性包含6个属性path、domain、max-age、expires..

navigator.geolocation.getCurrentPosition timeout expired

评论(0)浏览(1754)分类:phonegap/cordova
navigator.geolocation.getCurrentPosition timeout expired  最近学习cordova,使用navigator.geolocation.getCurrentPosition进行地理定位时,不管timeout设置为多大都会出现timeout expired这个错误,那么你浏览器使用的地理定位接口肯定是被狗日的GFW给拦截了。如使用pc上的chrome浏览器测试,上一次定位未返回前(没有超过指定的timeout时间),你再次刷新页面,那么将会得到2个错误信息,一个如下..

获取ztree增加删除节点后的数据

评论(0)浏览(510)分类:JavaScript/Ajax开发技巧
获取ztree增加删除节点后的数据  对ztree进行增加删除操作后,如何获取ztree此时的数据源。  获取ztree的数据源很简单,调用getNodes获取所有节点,此时得到的节点是嵌套的json数据结构(非简单) var treeObj = $.fn.zTree.getZTreeObj(treeDemo); var nodes = treeObj.getNodes(); console.log(nodes);  打印节点后你会发现会多出了很多其他属性,是ztree节点..

IE8-如何获取input光标所在位置(selectionstart)

评论(0)浏览(1328)分类:JavaScript/Ajax开发技巧
IE8-如何获取input光标所在位置(selectionstart)  IE9+和标准浏览器支持输入对象的selectionStart属性,可以获取到光标所在输入空间中的位置,IE8-要想获取光标所在位置(selectionstart属性),需要使用range对象。  IE8-如何获取input光标所在位置(selectionstart)源代码如下input type=text id=txt value=1234567 /input type=button value=获取text光标位置 onclick=alert(getCaret(..

javascript检查android软键盘隐藏显示

评论(0)浏览(4492)分类:JavaScript/Ajax开发技巧
javascript检查android软键盘隐藏显示  javascript如何检查当输入框获取焦点弹出android软键盘时,如果点击的是键盘上的隐藏按钮隐藏键盘时,如何捕获点击隐藏按钮事件。  javascript检查android软键盘隐藏显示比较简单,主要是不好判断如果点击的是键盘上的隐藏按钮,因为keydown,keyup中获取不到按键的keyCode,获取到的都为0(可以获取到前往这个键的keyCode为13)。  jav..

javascript解码读取二维码信息

评论(1)浏览(9031)分类:JavaScript/Ajax开发技巧
javascript解码读取二维码信息  javascript如何读取二维码的信息。本示例来源于:http://lazarsoft.info。本示例使用了html5的canvas对象,不支持IE8-,通过html5的canvas对象读入图片后处理读出二维码存储的信息。注意:javascript使用的编码为unicode(utf-16),而二维码编码为UTF-8, ISO-8859-1等,所以包含中文时,javascript读取二维码的信息是utf-8编码的,中文会出..

javascript生成二维码

评论(0)浏览(2508)分类:JavaScript/Ajax开发技巧
javascript生成二维码  jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式。(jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形,这个需要注意。)  下面为测试代码(增加了颜色控制,可以设置4个区块的颜色值,需要指定render为table。),效果如下htmlheadtitleJS生成二..

javascript/jquery绘制条形码/二维码插件barcode

评论(0)浏览(4898)分类:JavaScript/Ajax开发技巧
javascript/jquery绘制条形码/二维码插件barcode  javascript绘制条形码/二维码,居于jquery的实现,示例和API如下,翻译来源:http://barcode-coder.com/en/barcode-jquery-plugin-201.html注意:需要绘制的条形码/二维码长度和字符串包含字母之类的,注意要选择不同的条形码/二维码类型,要不无法绘制(没研究过条形码,经测试视乎是这样的)。建议直接选择code128  jquery绘制条形码/二..

javascript utf-8,unicode(utf-16)编码互换

评论(0)浏览(254)分类:JavaScript/Ajax开发技巧
javascript utf-8,unicode(utf-16)编码互换  javascript utf-8,unicode(utf-16)编码相互转换源代码 //javascript将UTF-16字符串转转换为UTF-8字符串 function utf16ToUtf8(s){ if(!s){ return; } var i, code, ret = [], len = s.length; for(i = 0; i len; i++){ code = s.charCodeAt(i); ..

javascript加载xml文件

评论(0)浏览(809)分类:JavaScript/Ajax开发技巧
javascript加载xml文件  javascript加载xml文件源代码 /* 通过ajax加载xml文件,返回xml dom对象 备注:chrome浏览器下请求本地xml文件会报XMLHttpRequest cannot load file:///xxxxx.xx. Cross origin requests are only supported for HTTP,需要搭建服务器 */ function LoadXML(url) { var xhr = window.ActiveXObject ? new ActiveXObject..

解决uploadify cancel取消上传再选择文件报超过限制错误

评论(0)浏览(1234)分类:JavaScript/Ajax开发技巧
解决uploadify cancel取消上传再选择文件报超过限制错误  调用uploadify的cancel方法后,如果再选择文件,超出uploadLimit配置值会报错。看源代码后,uploadify调用cancel方法只有清空队列的情况下(传递*参数,$(xxx).uploadify(cancel,*))才会重置上传队列的值,对于取消单个文件或者指定了多个要取消的队列id参数,没有重置队列长度,继续包含被取消上传的文件数量。所以继续选择文件就会报超过队..