javascript/ajax浏览器历史记录后退解决方案II

评论(0)浏览(162)分类:JavaScript/Ajax开发技巧
javascript/ajax浏览器历史记录后退解决方案II使用iframe,通过修改iframe.src产生历史示例代码!DOCTYPE htmlhtmlhead meta charset=utf-8 / title0/title/headbody input type=button value=加1 onclick=add() / div id=info style=border:red 1px solid;width:200px;padding:10px;margin:5px;0/div/body /htmlscript/** * history.js v0.2 * Copyright (c) 2011 snandy * * 1..

javascript/ajax浏览器历史记录后退解决方案I

评论(0)浏览(118)分类:JavaScript/Ajax开发技巧
javascript/ajax浏览器历史记录后退解决方案I  使用iframe,通过document.write产生浏览器历史示例代码!DOCTYPE htmlhtmlhead meta charset=utf-8/ title0/title/headbody input type=button value=加1 onclick=add() / div id=info style=border:red 1px solid;width:200px;padding:10px;margin:5px;0/div/body/htmlscript/** * history.js v0.1 * Copyright (c) 2011 snand..

javascript onhashchange事件

评论(0)浏览(296)分类:JavaScript/Ajax开发技巧
javascript onhashchange事件  onhashchange事件是IE8里面新增特性,主要是为了在Ajax下能够支持后退前进之类的操作而增加的新特性。onhashchange事件同时被safari,chrome,firefox,opera支持,只有IE7-不支持onhashchange事件。  示例代码!doctype htmlhtml head meta charset=utf-8 titleIE6/7不支持hashchange事件/title script type=text..

解决标准浏览器下输入控件输入值或者选中状态不能通过innerHTML获取

评论(0)浏览(659)分类:JavaScript/Ajax开发技巧
解决标准浏览器下输入控件输入值或者选中状态不能通过innerHTML获取  标准浏览器下,输入控件输入内容(type=text或者textarea)或者更改过选中状态(select,radio,checkbox),通过容器的innerHTML并不返回当前输入的value值或者checked,selected状态(只返回页面初始化加载的html代码,就是查看源代码得到的html内容),IE浏览器下则可以通过innerHTML返回输入的值和选择状态。  如下DEMOdiv id=divinpu..

IE下CSS控制2级菜单显示碰到iframe会隐藏解决办法

评论(0)浏览(281)分类:JavaScript/Ajax开发技巧
IE下CSS控制2级菜单显示碰到iframe会隐藏解决办法  IE浏览器下,用CSS控制2级下拉菜单显示时,如果2级菜单包含iframe,移动到iframe中2级菜单会自动隐藏解决办法。在chrome,firefox下不会有此问题。  解决办法如下:用js来控制包含iframe的2级菜单的显示或者隐藏,其他不包含iframe的则用css控制!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1..

jquery1.5+ ajax跨域请求在IE下没反应分析

评论(0)浏览(1386)分类:JavaScript/Ajax开发技巧
jquery1.5+ ajax跨域请求在IE下没反应分析  jquery1.5+重写过ajax代码,增加了跨域判断(自动判断ajax请求的url地址是否和当前访问的页面同源,jquery1.4-版本没有增加跨域判断,所以直接发送ajax请求,这样就和浏览器的安全设置有关了),jquery1.5+如果跨域访问并且不支持跨域请求(这些都是jquery代码自动判断的),就不会发送ajax请求(所以浏览器安全设置被忽略),导致没有触发任..

ajax对象属性withCredentials

评论(0)浏览(5321)分类:JavaScript/Ajax开发技巧
ajax对象属性withCredentials  默认情况下,ajax跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将设置ajax的withCredentials属性设置为true,可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求,会用下面的HTTP头部来响应。Access-Control-Allow-Credentials: true  如果发送的是带凭据的请求,但服务器的响应头中没有包含这个头部,那么浏览器..

javascript转义字符(\)对JSON.parse和eval的影响

评论(0)浏览(1469)分类:JavaScript/Ajax开发技巧
javascript转义字符(\)对JSON.parse和eval的影响  一般来说在JSON.parse的参数包含转移字符的时候会遇到两次转义的问题,其实第一次是字符串本身的转义,第二次是将真正转为js对象的转义。  对于要转为JSON对象的字符串,如果包含\n,\t,\此类转义字符,执行JSON.parse或者eval后,会报错或者丢失掉部分信息(eval)。如eval('{a:\n}')//SyntaxError: unterminated string litera..

javascript水平方向手风琴焦点图

评论(0)浏览(198)分类:JavaScript/Ajax开发技巧
javascript水平方向手风琴焦点图  javascript水平方向手风琴焦点图,效果如下源代码如下!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/xhtmlheadtitlejavascript水平方向手风琴焦点图/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 /scri..

Ext4 Ext.grid.Panel调用reconfigure后如何同时更新bbar导航条

评论(0)浏览(1171)分类:extjs开发技巧
Ext4 Ext.grid.Panel调用reconfigure后如何同时更新bbar导航条  本示例通过展示Ext4的Ext.grid.Panel调用reconfigure后如何同时更新gridPanel的bbar导航条,调用reconfigure如果不对bbar进行相关处理,bbar显示的还是上一次的信息,效果如下初始状态点击reconfigure重新配置Ext.grid.Panel测试ext版本4.1.1a和ext-4.2.1.883(一般4+以上版本修改不是很大,4一下的API可能有很大不同),如果是其他版本的ex..

javascript控制页面自动滚动

评论(0)浏览(116)分类:JavaScript/Ajax开发技巧
javascript控制页面自动滚动  需求说明1,有一个很长的页面,需要一打开这个页面就自动向下滚动2,在滚动过程中,用户点击滚动条或其他地方,滚动事件能够马上停止。我的导航条是始终悬浮在屏幕顶部的,锚链接都是链接的这一个页面的不同地方,所以我 希望在页面滚动过程中,点击导航链接能跳转过去,或者用户不喜欢页面自己滚动可以自己拖动滚动条去自己想看的地方。我网..

Ext4+通过服务器返回值动态创建多条折线图

评论(0)浏览(320)分类:extjs开发技巧
Ext4+通过服务器返回值动态创建多条折线图  如果服务器返回的折线图数据的字段是动态创建,ext4+如何使用这种数据动态创建多条折线图。  例如,服务器返回如下的数据{fields:[2013-8-7,2013-8-8],rows:[{hour:0,2013-8-7:94,2013-8-8:54},{hour:1,2013-8-7:31,2013-8-8:51},{hour:2,2013-8-7:41,2013-8-8:25},{hour:3,2013-8-7:75,2013-8-8:70},{hour:4,2013-8-7:95,2013-8-8:96},{h..

jQuery zTree获取勾选节点的全路径

评论(0)浏览(1745)分类:JavaScript/Ajax开发技巧
jQuery zTree获取勾选节点的全路径  功能实现:勾选jQuery zTree的某个节点后,获取根节点到当前被勾选的节点的路径。  实现方法:注册onCheck事件,在事件中获取当前节点,然后通过treeNode.getParentNode遍历父亲节点连接成路径。源代码如下!DOCTYPE htmlHTMLHEAD TITLEjQuery zTree获取勾选节点的全路径/TITLE meta http-equiv=content-type content=text/html; cha..

CSS1Compat模式下IE8+ onpropertychange bug

评论(0)浏览(138)分类:JavaScript/Ajax开发技巧
CSS1Compat模式下IE8+ onpropertychange bug  CSS1Compat模式下IE,给输入控件注册了onpropertychange事件后,如果在事件中修改了控件的值,IE下会再次触发onpropertychange事件,但是此时输入内容,不会响应onpropertychange事件了,再输入一个字符才会响应,如此重复。firefox下对应的oninput事件,对javascript动态设置控件内容不会响应oninput事件,IE则会响应onpropertychange事件。..

IE8+只有在xhtml模式下才支持JSON对象

评论(0)浏览(461)分类:JavaScript/Ajax开发技巧
IE8+只有在xhtml模式下才支持JSON对象  标准浏览器如chrome,firefox都支持JSON对象,将json对象转为对应json格式的字符串(JSON.stringify)或者将json格式的字符串转为json对象(JSON.parse)。  IE8+浏览器也支持JSON对象,但是是有条件的,需要添加xhtml申明或者使用X-UA-Compatible指定为IE8或者edge模式,X-UA-Compatible要放对位置,要不有可能无效。参考:IE X-UA-Compa..

jQuery.cookie.js中文API

评论(1)浏览(2645)分类:JavaScript/Ajax开发技巧
jQuery.cookie.js中文APIjquery.cookie.js中文API一个简单,轻量级的jQuery插件,用于读,写,删除浏览器cookie。安装将最后贴出的jQuery.cookie.js源代码保存为js文件,然后在jQuery类库后面用script导入jquery.cookie.js文件。script src=/path/to/jquery.js/scriptscript src=/path/to/jquery.cookie.js/script备注:不要直接引用GitHub网站的jquery.cookie.js文件。..

javascript AMD模块规范

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
javascript AMD模块规范  目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AMD,但是要先从CommonJS讲起。CommonJS2009年,美国程序员Ryan Dahl创造了node.js项目,将javascript语言用于服务器端编程。  这标志Javascript模块化编程正式诞生。因为老实说,在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限;但是在服务器..

javascript+cookie实现的文本输入记录

评论(0)浏览(211)分类:JavaScript/Ajax开发技巧
javascript+cookie实现的文本输入记录  功能要求:有一个文本框,旁边有个button,点击按钮后将文本框输入的内容保存到cookie。在文本框得到焦点后,在下方显示这个文本框输入过的最近的五个词语。  示例源代码如下style#dvPop{display:none;position:absolute;left:0px;top:20px;border:solid 1px #000000;background:#ffffff;width:200px;}/stylediv style=position:relativei..

XDomainRequest,IE8+跨域请求对象

评论(0)浏览(5981)分类:JavaScript/Ajax开发技巧
XDomainRequest,IE8+跨域请求对象  XDomainRequest,ie8+浏览器跨域请求的ajax对象。XDomainRequest成员  XDomainRequest对象有如下成员事件方法属性事件  XDomainRequest对象有如下事件事件名称描述onerror在跨域请求发生错误时触发,事件方法没有参数。示例如下function err(){ alert(XDR onerror);}//...xdr.onerror = err; onload跨域请求完毕后触发,事件方法没有..

javascript实现系统屏幕保护效果,锁定网页

评论(0)浏览(199)分类:JavaScript/Ajax开发技巧
javascript实现系统屏幕保护效果,锁定网页  功能描述:打开一个网站的网页,过5分钟不动作,就会锁定页面,隐藏内容容器,显示一个容器用于输入密码,输入正确的密码来解锁。锁定后即使用户刷新页面,还是保留原来的状态。如已经锁定的,需要继续锁定,否则显示内容。  示例代码如下,通过document.onmouseover来实现多少分钟没有动作,使用计时器来实现。 div id=dvContent内容br /..

firefox下javascript设置marquee innerHTML滚动bug

评论(0)浏览(207)分类:JavaScript/Ajax开发技巧
firefox下javascript设置marquee innerHTML滚动bug  在firefox下,在当前的文档流完全关闭后设置marquee标签的innerHTML(我是这样理解的,具体就不清楚firefox下marquee的机制了,看下面的示例),如果内容长度大于marquee设置的长度,会导致滚动到边界时,内容重头滚定,而没有继续滚动剩余的内容。  猜测可能是firefox文档流关闭时计算过marquee的宽度什么的,导致marquee内容宽度滚动。 ..

禁止选择网页内容

评论(0)浏览(400)分类:HTML/CSS兼容/XML
禁止选择网页内容  用css禁止选择浏览器显示的网页的内容user-select有两个值none:用户不能选择文本text:用户可以选择文本  注意:user-select不是一个W3C的CSS标准属性,浏览器支持的不完善,各种浏览器的实现都不一样,需要针对不同浏览器加上对应的CSS,示例代码如下 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*we..

html标签marquee使用说明

评论(0)浏览(192)分类:HTML/CSS兼容/XML
html标签marquee使用说明  MARQUEE 元素不属于 W3C 规范中的元素,它最初由 IE2.0 引入,是微软为 IE 浏览器发明的特有元素,然而目前所有的主流浏览器均支持 MARQUEE 元素。  MARQUEE 元素用来创建一个文字滚动区域,并提供了一些特有的属性、方法及事件。语法marquee/marquee  以下是一个最简单的例子:marqueefont size=+3 color=redHello, World/font/marquee..

zTree分层显示,分层联动示例

评论(0)浏览(943)分类:JavaScript/Ajax开发技巧
zTree分层显示,分层联动示例  功能描述:一棵多层的树,将其某个层之下的子节点显示到一棵新的树中(如:前面两级在左侧的一棵树中显示,对应的2级节点的三级和四级(如果有的话) ,显示在右侧新的树中,如select的联动一样)  本文使用zTree_v3.4,如果其他版本的zTree,自行参考API修改对应的方法,zTree_v3.4下载地址:zTree_v3.4下载,zTree_v3.4示例,zTree_v3.4中文..

jqGrid4.0最新版本中文API

评论(4)浏览(8919)分类:jqGrid中文API
jqGrid4.0最新版本中文API  jqGrid4.0最新版本中文API,直接从http://www.trirand.com/jqgridwiki /doku.php?id=wiki:jqgriddocs翻译来的,部分可能翻译得不是好理解,直接硬翻译出来的,呵呵。。由于不常用,没有全部测试所 有配置,要不翻译不好的部分应该可以自己组织文字来描述。jqGrid一些疑难问题和解决方案jqGrid获取服务服务器返回的所有数据jqGrid获取本地查询..

javascript cloneNode无法复制事件

评论(0)浏览(732)分类:JavaScript/Ajax开发技巧
javascript cloneNode无法复制事件  在标准浏览器(firefox,chrome,非IE核心的)下,cloneNode(true)是不复制事件的,以防止循环引用无法释放内存,而IE却没有考虑到这一点,把事件复制了(inconformity),并且IE只能复制通过attachEvent添加的事件,直接通过domNode.onclick添加的事件也无法复制。  测试代码如下script window.onload = function () { functio..

Ext4 Ext.grid.Panel列自适应宽度

评论(0)浏览(893)分类:extjs开发技巧
Ext4 Ext.grid.Panel列自适应宽度  功能描述:根据传入的store数据源中每列内容的最大长度,自动调整Ext.grid.Panel列宽度,使每列的内容显示完全,不被隐藏起来。  实现方法:用一个absolute定位的容器来计算store数据源中每列的长度,取最大值作为此列的width配置。  Ext版本号为:4.1.1a  未设置Ext.grid.Panel列的宽度效果如下,默认宽度为100px  通过计算每列..

jqGrid如何使用jQuery UI

评论(0)浏览(1386)分类:jqGrid中文API
jqGrid如何使用jQuery UISortable Columns(可排序列)  这个方法已经集成在jqGrid中,所有不需要附加的其他内容。这个方法通过鼠标点击对列表头对行进行重新排序,只需要在设置jqGrid的sortable为true即可,示例代码如下jQuery(document).ready(function(){ jQuery(#list).jqGrid({ url:'example.php', datatype: 'xml', mtype: 'GET..

jqGrid集成jQuery UI介绍

评论(0)浏览(570)分类:jqGrid中文API
jqGrid集成jQuery UI介绍  jqGrid为jQuery的一个插件,所以一些情况下可以使用jQuery一些辅助插件,所以为什么在这里讨论 jQuery UI类库。要求和安装jqGrid要使用jQuery UI这个功能,需要在head标签内将jQuery UI类库导入到当前页面。如何下载 jQuery UI library 参考这里: here。下载完jQuery UI后,页面结构示例如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 St..

jqGrid提交数据模块

评论(0)浏览(493)分类:jqGrid中文API
jqGrid提交数据模块  有些时候需要精确操作提交的数据对象。setGridParam有些时候不能满足要求,所以需要提交数据模块。作者Paul Tiseo安装要使用这个方法,需要在下载页面勾选Post methods模块后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6。源文件grid.postext.js在src目录中。描述这个模块的主要目的是操作传递给夫妻的数据和从服务器获..