ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点

评论(0)浏览(2167)分类:JavaScript/Ajax开发技巧
ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点 jquery插件ztree如何隐藏父节点前面的展开(加号),收缩(减号)图标,而是通过点击父节点显示的内容展开收缩此节点下的子节点。找了下ztree的api,没有提供隐藏展开/收缩图标的配置,可以自己写css覆盖ztree的css,然后自己调用expandNode展开收缩子节点。  ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点源代码如下1)隐藏ztree展开..

jquery模拟android slidingmenu效果

评论(0)浏览(231)分类:JavaScript/Ajax开发技巧
jquery模拟android slidingmenu效果  jquery模拟android slidingmenu组件效果源代码如下,采用了CSS3动画,IE浏览器需要升级到IE9+以上。!doctype htmlscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scripttitlejquery模拟android slidingmenu组件效果/titlestylehtml,body{margin:0px;padding:0px;height:100%;width:100%;overflow:hidden;}.abs{posi..

页面回退到上一页如何保留js动态生成内容

评论(0)浏览(5830)分类:JavaScript/Ajax开发技巧
页面回退到上一页如何保留js动态生成内容  js动态生成的内容,当转向到其他页面,通过history.back或者点击浏览器工具栏上的回退按钮返回这个页面时,js动态生成的内容在某些浏览器下是不会保存的,如IE和chrome,本人firefox12测试js动态生成的内容,在浏览器历史回退可以保存下来,那么在IE和chrome下如何保留js动态生成的内容呢?  IE和chrome下回退时会执行内置的js脚本,所以可..

jquery水平方向平铺焦点图

评论(0)浏览(523)分类:JavaScript/Ajax开发技巧
jquery水平方向平铺焦点图  jquery实现的水平方向平铺占满显示视窗效果。当视窗大小改变时,自动变换焦点图显示的区域。目前焦点图支持2个方向的滚动,水平和垂直滚动。  jquery水平方向平铺焦点图插件测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlejquery水平方向平铺焦点..

去掉IE特有css样式expression

评论(0)浏览(236)分类:JavaScript/Ajax开发技巧
去掉IE特有css样式expression  IE浏览器下有一个特殊的样式expression,可以动态执行js脚本,this对象指向启用了expression样式的对象。expression这个样式比较耗资源,只要鼠标或者键盘有动作,就会执行这个事件。  要移除IE的expression css样式,需要使用IE style属性特有方法removeExpression,不能通过style.xxx=null移除。  去掉IE特有css样式expression源代码如..

如何检查jQuery选出的对象是否还在DOM中

评论(0)浏览(109)分类:JavaScript/Ajax开发技巧
如何检查jQuery选出的对象是否还在DOM中  如何检查jquery选出的对象是否还在dom树中,而不是从DOM树中删除掉。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptpDOM1/ppDOM2/pscript var $cache1 = $(p); //jQuery选出所有p对象 $(p:eq(0)).remove(); //jQuery移除第一个p对象 alert($cache1.size())//输出2,而不是1 ..

js判断是否为IE11浏览器

评论(0)浏览(427)分类:JavaScript/Ajax开发技巧
js判断是否为IE11浏览器  IE11的navigator里面已经不包含MSIE字符串,window.ActiveXObject也不再支持。要判断是否IE11浏览器,可以使用下面的代码IE11的navigator.userAgent输出为:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..

数字在主键盘和小数字键盘下的keyCode值不一致

评论(0)浏览(496)分类:JavaScript/Ajax开发技巧
数字在主键盘和小数字键盘下的keyCode值不一致  keydown或者keyup事件中获取键盘按下的keyCode值时需要注意,主键盘上数字按键的keyCode值和小键盘上的数字keyCode值是不一样,如果不注意这点,小心程序出现问题。  主键盘的数字0~9的keyCode为:48~57  小键盘上的数字0~9的keyCode则为:96~105  JavaScript中键盘按下的keyCode问题  在使用JavaScript做WEB键盘事件侦听捕获时,主..

html编辑器回车换行如何指定为br

评论(0)浏览(473)分类:JavaScript/Ajax开发技巧
html编辑器回车换行如何指定为br  用iframe作为html编辑器或者web编辑器的容器时,如果不做特殊处理,不同浏览器下对回车的生成的html代码不全相同(主要是低版本的IE浏览器,如IE8-)。firefox和chrome对回车生成的html代码是br,而IE下是P标签。  要想规范html编辑器响应回车按键,生成统一的标签,如br换行,可以给iframe编辑器容器添加keydown事件,阻止默认的浏览器事..

chrome浏览器iframe parent.document为undefined

评论(1)浏览(2252)分类:JavaScript/Ajax开发技巧
chrome浏览器iframe parent.document为undefined2014-11-05更新:这个问题是由于chrome的同源访问造成的,一般需要发布网站后访问,否则需要给chrome增加启动参数,允许访问本地资源文件。如果你是开发人员,增加chrome的配置是最好的,就不需要再搭建服务器进行访问。参考:配置chrome支持本地(file协议)ajax请求  chrome浏览器iframe parent.document为undefined,对于window.open打开的..

meizz日历控件,梅花雨日历控件,支持时间选择

评论(0)浏览(864)分类:JavaScript/Ajax开发技巧
meizz日历控件,梅花雨日历控件,支持时间选择  meizz大牛以前写的一个日历控件,支持日期,时间,精确到秒的选择,不过美中不足就是不兼容firefox,经本人修改,现在已经兼容firefox。  测试浏览器:IE7,IE8,firefox4,chrome21.0.1180.79 m  效果如下图所示  源代码如下script // 主调用函数是 setday(this,[object])和setday(this),[object]是控件输出的控件名,举两个例子..

javascript检查移动设备是否支持重力方向感应

评论(0)浏览(273)分类:JavaScript/Ajax开发技巧
javascript检查移动设备是否支持重力方向感应  javascript如何检查移动设备,如手机平台是否支持重力或者方向感应。  可以使用html5提供的重力和方向感应接口来判断。  html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。  目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部..

div模拟select左右移动效果

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
div模拟select左右移动效果  div模拟select option对象左右移动效果,同时增加右边货物自动增加效果。  源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..

jquery仿京东商城三级联动代码插件

评论(0)浏览(1476)分类:JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件  模仿京东送货地址省市县3级联动,已经做成jQuery插件形式,效果图如下  jquery仿京东商城三级联动代码插件DEMO!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; chars..

ie execCommand saveas为txt文件会在某个长度后换行

评论(0)浏览(198)分类:JavaScript/Ajax开发技巧
ie execCommand saveas为txt文件会在某个长度后换行  今天在csdn看到一个问题,在IE下exeCommand 调用saveas命令,将某些内容存为txt文件时,当一行的长度大于某个长度时,会自动换行,而实际保存的内容是没有换行的。  示例代码如下script type=text/javascript function fnsave() { var tab = document.getElementById(a); var contents = tab.innerHTML; var winn..

异步ajax请求如何控制执行循序

评论(0)浏览(219)分类:JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序  ajax多个请求时,如果下一次请求依赖上一次的请求结果,或者希望能按照请求循序先后返回,而不是乱序返回,需要自己写代码控制ajax的执行循序,而不是for或者jquery的each并发发起ajax请求,这样无法控制ajax的返回循序。当然如果你不想用异步请求,改为同步请求可以控制for,each的并发ajax请求返回循序,但是对于jsonp这种只能异步加载的数..

jQuery Slider滑动条取值插件

评论(0)浏览(1114)分类:JavaScript/Ajax开发技巧
jQuery Slider滑动条取值插件  jQuery Slider滑动条取值插件,jQuery源插件没有左右+/-增加滑动条按钮,可以增加按钮,调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。  添加的+/-按钮有点丑,自己美化下,效果如下  jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..

javascript判断2个对象是否重叠

评论(0)浏览(675)分类:JavaScript/Ajax开发技巧
javascript判断2个对象是否重叠  如何用javascript判断给定的2个div对象是否存在重叠部分,算法如下1)判断4个顶点是否在另外一个对象的区域内2)上面的判断失败,则为十字架关系,内部一部分包含在另外一个对象中,但是顶点相互不在对方内部注意:上面2个步骤需要相互转换过参考对象  测试源代码如下,居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..

阻止默认浏览器按钮刷新操作事件

评论(0)浏览(1035)分类:JavaScript/Ajax开发技巧
阻止默认浏览器按钮刷新操作事件  javascript如何阻止浏览器刷新操作,如按下F5按钮,右键弹出菜单选择刷新操作,ctrl+R强制刷新页面。  下面的代码仅适用于下面的3中操作,对于点击浏览器上的刷新按钮这个没办法控制(只能提示用户是否要离开页面,由用户控制是否离开操作,而不能用javascript代码强制停留在此页面或者进行其他的操作)在浏览器按下F5按钮右键页面弹出菜..

javascript 18位身份证号码最后一位校验码

评论(0)浏览(91)分类:JavaScript/Ajax开发技巧
javascript 18位身份证号码最后一位校验码  javascript 18位身份证号码最后一位校验码源代码titlejavascript 18位身份证号码最后一位校验码/titlescript function getIDChar18(id) { var arr = id.split(''), sum = 0, vc = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (var i = 0; i 17; i++) sum += vc[i] * parseInt(arr[i]); r..

IE创建iframe设置frameborder为0

评论(0)浏览(291)分类:JavaScript/Ajax开发技巧
IE创建iframe设置frameborder为0  在IE7-浏览器或者为添加xhtml申明的IE8浏览器(IE9+未测试),动态创建的iframe,当通过setAttribute设置iframe的frameborder时,IE下调用setAttribute设置属性时,frameborder是严格区分大小写,属性名称要写为frameBorder,不能为frameborder,否则无法去掉iframe的frameborder,会默认为1。  标准浏览器或者添加了xhtml申明的IE8+浏览器..

ligerui给ligerForm中的ligerComboBox添加事件

评论(0)浏览(3320)分类:JavaScript/Ajax开发技巧
ligerui给ligerForm中的ligerComboBox添加事件  当通过ligerForm的fields配置类型为select的combobox时,给options配置tree中添加相关事件,如onSelect,这样是无法触发事件的。因为通过ligerForm来配置comboBox时,字段field的配置对象会转换为对应的JSON字符串赋值给一个输入控件的ligerui自定义属性,转为对应的JSON字符串时,属性值为函数的属性会自动丢失,导致ligerui自定义属性中并..

JSON.stringify日期对象Date被转为国际标准时间

评论(0)浏览(274)分类:JavaScript/Ajax开发技巧
JSON.stringify日期对象Date被转为国际标准时间  调用JSON.stringify将对象转为对应的字符串时,如果包含时间对象,时间对象会被转换为国家标准时间(ISO),而不是当前国家区域的时间,测试代码如下script //var o = new Date(); //console.log(o.toString())//中国时区时间,格式如Wed Jun 11 2014 10:51:42 GMT+0800 //console.log(JSON.stringify(o)); //输出国际标准时间(IS..

网站导航栏目焦点设置

评论(0)浏览(1708)分类:JavaScript/Ajax开发技巧
网站导航栏目焦点设置  一般访问网站时,访问到不同的栏目,导航上的链接会高亮,显示的样式和其他栏目不一样,这种效果实现很简单,原理如下  获取当前的url路径location.pathname,然后和导航中的链接匹配,匹配了就设置焦点样式。如果栏目不是页面,而是通过传递参数来实现,可以location.search中获取栏目参数来匹配。  下面是一个就简单的示例,建立1.htm..

javascript实现平方米,亩,公顷单位换算

评论(0)浏览(166)分类:JavaScript/Ajax开发技巧
javascript实现平方米,亩,公顷单位换算  javascript实现平方米,亩,公顷单位换算,可以通过url传递参数指定输入框的值为任何中单位的值。  源代码如下 select onchange=selectChange(this) id=sel option value =公顷公顷/option option value =亩亩/option option value=平方米平方米/option /select 这个input的值可能是3公顷、3亩、3平方米 inp..

数组sort排序方法webkit浏览器(chrome)排序错乱

评论(0)浏览(286)分类:JavaScript/Ajax开发技巧
数组sort排序方法webkit浏览器(chrome)排序错乱  javascript调用数组的sort方法对数组进行排序的时候,注意传递进入sort方法函数要返回0(相等),正数(大于),负数(小于)这3种数字,不能返回true/false,要不在webkit核心浏览下(如chrome,搜狗高速模式)可能导致排序出错。  异类排序script var arr = [1, 4, 5, 3, 2, 6, 7]; arr.sort(function (a, b) { return b a });//..

window.open打开网址报错:已经计划系统关机

评论(0)浏览(334)分类:JavaScript/Ajax开发技巧
window.open打开网址报错:已经计划系统关机  javascript调用window.open打开网站的时候,IE浏览器下报错:已经计划系统关机  百度找了下都是莫名其妙的自动好了,可以查看这个帖子:诡异的JS,已经计划系统关机错误。  于是改用谷歌搜索相关英文内容,serverfault.com上也有人碰到过这个问题,满意答案还比较靠谱:IE8 script error 800704a6?The only information I've been a..

JScript+ActiveX获取访客MAC网卡地址

评论(0)浏览(113)分类:JavaScript/Ajax开发技巧
JScript+ActiveX获取访客MAC网卡地址  JScript调用activeXObject获取访客的网卡MAC地址,注意只能IE下运行(IE8+没测试),会有安全提示在此页上的ActiveX控件和本页上的其他部分的交互可能不安全。你想允许这种交互吗?  注意选择是,要不报错无法获取源代码如下 html head titleJScript+ActiveX获取访客MAC网卡地址/title /head body object cla..

ajax getResponseHeader获取中文响应头

评论(0)浏览(1609)分类:JavaScript/Ajax开发技巧
ajax getResponseHeader获取中文响应头  如果页面响应头中包含中文内容,ajax请求的页面和被请求的页面即使编码统一,不同浏览器下表现的方式还是会不一样,firefox/IE下出现乱码,chrome可以正常调用getResponseHeader获取到中文的响应头内容。  要解决这个问题,可以将中文进行编码后在设置为响应头内容,这样ajax调动getResponseHeader获取内容后,在客户端解码下就不会出现乱..

Asp.net实现javascript escape/encodeURI/encodeURIComponent编码

评论(0)浏览(364)分类:Asp.Net/C#/WCF
Asp.net实现javascript escape/encodeURI/encodeURIComponent编码  asp.net如何实现javascript客户端的escape/encodeURI/encodeURIComponent编码函数的功能。在使用ajax是,如果ajax发送给客户端的内容中包含中文,为了防止乱码,需要使用escape/encodeURI/encodeURIComponent进行编码。但是反过来,ajax接受的内容包含中文,如果没有配置好编码,没有统一(如调用页面使用GB2312编码,而请求的页面为utf-8编..