kindeditor如何保留源代码中的脚本

评论(0)浏览(447)分类:JavaScript/Ajax开发技巧
kindeditor如何保留源代码中的脚本  默认kindeditor在源代码视图中粘贴的脚本代码,在切换到设计视图或者提交到服务器前会脚本代码自动被删除,无法保留。  要想保留源代码视图中输入的脚本代码,可以配置filterMode: false,这样在切换到设计视图或者提交到服务器时仍然可以保留脚本内容。不过开启这个配置允许编辑器输入源代码比较危险,存在XSS漏洞。var editor;KindEdito..

单选和多选集成的jquery combobox插件

评论(0)浏览(387)分类:JavaScript/Ajax开发技巧
单选和多选集成的jquery combobox插件  单选和多选集成的jquery combobox插件,下拉选项中既有单选又有多选输入框,具体使用看示例和说明,效果如下title单选和多选集成的jquery combobox插件/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.pop{position:absolute;border:solid 1px black;display:none;pad..

表格排序的javascript代码

评论(0)浏览(266)分类:JavaScript/Ajax开发技巧
表格排序的javascript代码  一个表格排序的javascript示例代码,使用说明及参数参考代码解释。script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript/* * 表格怕徐中用到的小工具 * * */ var CustomFunctions = { //获取子节点的集合(ie,ff通用) getChildNodes:function(node){ v..

ajaxfileupload jQuery has no method handleError错误

评论(0)浏览(984)分类:JavaScript/Ajax开发技巧
ajaxfileupload jQuery has no method handleError错误  使用ajaxfileupload上传文件时,如果没有反应或者报错UncaughtTypeError:Objectfunction(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);  那..

javascript lightbox效果

评论(0)浏览(70)分类:JavaScript/Ajax开发技巧
javascript lightbox效果  一个简单的半透明遮盖层lightbox效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.alpha{position:absolute;z-index:10;left:0px;top:0px;filter:alpha(opacity=50);opacity:.5;background:#000000;}.infolayer{position:absolute;width:400px;height:300px..

javascript动态添加css类到style标签中

评论(0)浏览(325)分类:JavaScript/Ajax开发技巧
javascript动态添加css类到style标签中   javascript动态给style标签添加css样式类示例代码 titlejavascript动态给style标签添加css样式类示例代码/title style type=text/css id='contentCss'/stylescript language=JavaScript var style = document.getElementById('contentCss'), css = 'p{ color:red; }p.p2{color:blue}p.p3{color:green}'; if ..

javascript选中对象

评论(0)浏览(66)分类:JavaScript/Ajax开发技巧
javascript选中对象  javascript实现对象选中,选中指定的对象,javascript实现ctrl+all功能,兼容ie,firefox,chrome。  源代码如下//el:要选中的对象function selectText(el) { if( window.getSelection){ var s=window.getSelection() s.selectAllChildren( el ) }else{ var s= document.body.createTextRange (); s.moveToEle..

选择文件后自动上传并返回服务区保存文件名称

评论(0)浏览(369)分类:JavaScript/Ajax开发技巧
选择文件后自动上传并返回服务区保存文件名称  功能:选择图片后就自动上传图片文件,并获取返回上传图片在服务器保存的文件名称  源代码如下test.htmliframe name=hiddenifr style=display:none/iframescript var uploading = false; function fileChange(f) { //事件处理函数 //注意你的动态页一定要有try..cacth语句防止动态页出错,要不发生一次错误后候选的选择无法处..

通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名

评论(0)浏览(16765)分类:JavaScript/Ajax开发技巧
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名  Access-Control-Allow-Origin响应头可以允许哪些域名能发送ajax请求本页面,Access-Control-Allow-Origin响应头一次只能设置一个域名,如果要控制只允许指定的多个域名能跨域请求页面,要如何设置Access-Control-Allow-Origin响应头。解决办法  建立一个允许跨域请求的域名列表,然获取请求来源域名,和列表进行对比,如果来源域名存在允许..

Chrome扩展开发教程目录

评论(0)浏览(130)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程目录Chrome扩展开发教程(一)入门Chrome扩展开发教程(二)概述Chrome扩展开发教程(三)Browser Action(扩展图标)Chrome扩展开发教程(四)Options Pages(选项页面)Chrome扩展开发教程(五)Override Pages(重置页面)Chrome扩展开发教程(六)Page Actions(地址栏图标)Chrome扩展开发教程(七)themes(主题制作)Chrome扩展开发教程(八)Bookmarks(书签操作)Ch..

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

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

javascript水平方向手风琴焦点图

评论(0)浏览(205)分类: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..

javascript控制页面自动滚动

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

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

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

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

评论(0)浏览(473)分类: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)浏览(2742)分类: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+cookie实现的文本输入记录

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

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

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

firefox下javascript设置marquee innerHTML滚动bug

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

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

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

asp.net客户端$get和$find方法区别

评论(0)浏览(102)分类:Asp.Net/C#
asp.net客户端$get和$find方法区别  $get 和 $find都是asp.net ajax注册到浏览器的前段javascript方法脚本。要使用$get 和 $find这2个javascript方法,aspx页面需要放置ScriptManager 。$get 和 $find的用法说明和异同如下$get  $get等价于document.getElementById。当你在$get函数处打断点进行调试,你将会看到如下的代码var $get = Sys.UI.DomElement.getElementById = fun..

AjaxControlToolkit“TabContainer控件”客户端Javascript函数API

评论(0)浏览(160)分类:Asp.Net/C#
AjaxControlToolkit“TabContainer控件”客户端Javascript函数API  AjaxControlToolkit中TabContainer控件客户端Javascript函数中文API,翻译不正确的地方多包涵,e文可以的直接看本文最下面的e文连接地址。  在本文中介绍tabcontainer控件的客户端方法,如使用javascript设置获取焦点的tab,本文最后列出一些重要的ASP.NET AJAX TabContainer控件的方法。  TabContainer是ASP.NET AJAX最酷的控件之一。最..

javascript cloneNode无法复制事件

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

javascript鼠标滚轮滚动事件

评论(0)浏览(2998)分类:JavaScript/Ajax开发技巧
javascript鼠标滚轮滚动事件   javascript如何绑定对象的鼠标滚轮事件,对对象触发鼠标滚轮事件时,如何阻止鼠标滚轮事件冒泡,不允许当前视窗滚动。  下面对主流浏览器进行了测试(firefox12,opera12.5,safari5.0.4,chrome25,IE7~8)事件如何绑定  firefox只支持DOMMouseScroll事件,不支持onmousewheel,其他浏览器只支持onmousewheel事件,如下表所示浏览器/事..

jquery文档处理方法append,html可以执行脚本

评论(0)浏览(659)分类:JavaScript/Ajax开发技巧
jquery文档处理方法append,html可以执行脚本  今天才发现原来jquery文档处理方法如append,html,before等方法可以执行内容中的script标签中的javascript脚本或者加载src指向的脚本文件,真是失败啊,用了那么久jquery...注意:text方法除外,text方法会将html标签中的替换为对应的实体对象  jquery源代码中部分文档处理方法如下 append: function() { return this.domManip..

javascript检查键盘是否已经按下caps lock键

评论(0)浏览(175)分类:JavaScript/Ajax开发技巧
javascript检查键盘是否已经按下caps lock键  javascript检查输入时是否已经按下caps lock键或者按下按下shift键,输入状态为大写输入状态。  注意:需要使用keypress事件,不能使用keyup或者keydown事件,这样获取到的keyCode都是大写状态下的keyCode。使用keypress时,firefox需要使用which属性,不能使用keyCode,此时keyCode为0。  测试代码如下!DOCTYPE html PUBLIC -//W3C//DT..