Selection.addRange方法

评论(0)浏览(532)分类:JavaScript/Ajax开发技巧
Selection.addRange方法Selection.addRange方法简介将一个 Range 对象添加到 Selection对象中使用语法sel.addRange(range)参数range将被添加到 Selection中的Range 对象示例/* 选择html文档中的所有strong元素 */var strongs = document.getElementsByTagName(strong);var s = window.getSelection();if(s.rangeCount 0) s.removeAllRanges();for(var i = 0; i stron..

javascript正则全局匹配g慎用test方法

评论(0)浏览(532)分类:JavaScript/Ajax开发技巧
javascript正则全局匹配g慎用test方法  使用javascript的正则表达式时,如果使用test方法,需要慎用全局匹配g选项,因为多次调用test方法时会从上一次匹配的位置开始匹配,可能会导致无法匹配的错误问题,即使内容符合正则表达式要求,但是调用test方法测试时输出的为false,而不是true  来看一道JavaScript题目,据说是国内某知名互联网企业的JavaScript笔试题,如果对正则的全..

javascript动态给图片添加热点

评论(0)浏览(531)分类:HTML/CSS兼容/XML
javascript动态给图片添加热点  由于图片的热点一般都是写死在HTML源代码里面了,所以如果有多张独立的图片需要增加热点,而且需要根据条件显示或者隐藏其中的某些图片时,这样图片的位置就会发生变动,从而导致添加的热点对不上原图片的位置而导致失效或者乱套了。下面为1张图片拆分成4张进行热点操作。  前提条件:热点是规则的长方形或者正方形,不能是三角形或者菱形..

javascript文字逐字逐行显示效果

评论(0)浏览(528)分类:JavaScript/Ajax开发技巧
javascript文字逐字逐行显示效果  javascript文字逐字逐行相似效果htmlheadtitlejavascript文字逐字逐行显示效果/titlescript var text = 12345678901234567890123456789012345678901234567890; var textLen = text.length; var lineNum = 10; //定义每行显示多少个字 var num = 0; var _ = document.createTextNode('_'); var i = 0; function..

javascript读取客户端文件内容

评论(0)浏览(527)分类:JavaScript/Ajax开发技巧
javascript读取客户端文件内容  本文使用HTML5的FileReader对象结合file对象读取客户端选中的文本类型的文件。注意:一定要结合file对象,不可以直接指定客户端文件路径。安全问题是不允许直接访问客户端文件的,而且你指定的路径也不一定存在。之前在csdn碰到一个人以为html5是神列,什么都能做,我就呵呵了。。备注:IE9-不支持FileReader。  javascript读取客户端文件..

jquery水平方向平铺焦点图

评论(0)浏览(525)分类: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水平方向平铺焦点..

javascript树数据源嵌套结构和扁平结构互转

评论(0)浏览(524)分类:JavaScript/Ajax开发技巧
javascript树数据源嵌套结构和扁平结构互转  javascript树,嵌套结构数据源和扁平结构数据源相互转换示例titlejavascript树数据源嵌套结构和扁平结构互转示例/titlescript type=text/javascript function FlatToNested(data, opt) {//树数据源扁平结构转嵌套 opt = opt || {}; var idFiled = opt.idFiled || 'id'; var textFiled = opt.textFiled || &..

网站未发布,ajax能请求的本地资源有哪些

评论(0)浏览(522)分类:JavaScript/Ajax开发技巧
网站未发布,ajax能请求的本地资源有哪些  网站发布,通过http协议访问时,由于浏览器安全问题1)js不允许访问本地文件2)ajax请求也不能访问跨域的页面。3)firefox下端口不一致也会导致跨域  解决办法就是做代理或者使用jsonp操作。参考:AJAX 跨域解决办法  网站未发布,本地file协议测试【就是直接双击打开或者拖拽进入浏览器中】时,有以下几种情况  假设目录结构如下r..

selection对象中文API

评论(0)浏览(521)分类:JavaScript/Ajax开发技巧
selection对象中文API注意:这只是一个实验性的技术因为此项技术的标准还没有制定,尚需要修改,注意检查Selection对象属性及方法的浏览器兼容性(对应的介绍最下面会有相关的兼容新给介绍),而且这些属性及方法有可能在将来的浏览器版本中会变更。介绍Selection对象可以通过window.getSelection()或者其他方法返,通常通过 window.getSelection()返回父节点。Selec..

ligerui tree如何获取全路径,包含父节点

评论(0)浏览(519)分类:JavaScript/Ajax开发技巧
ligerui tree如何获取全路径,包含父节点  ligerui的tree控件,如何获取全路径,选择子节点后,父节点没有被勾选也一起获取,效果如下  ligerui tree如何获取全路径,包含父节点源代码如下。版本为V1.2.5,其他版本自己对照api和生成的树结构修改对应的方法名称和jquery选择器。示例居于ligerui\V1.2.5\Source\demos\tree\treedata.htm进行修改。!DOCTYPE html PUBLIC -//W3C//DTD ..

IE6的navigator.userAgent输出MSIE 7

评论(0)浏览(519)分类:JavaScript/Ajax开发技巧
IE6的navigator.userAgent输出MSIE 7  通过javascript判断浏览器版本时,一般是通过navigator对象的userAgent或者appVersion属性,但是在xp系统下的IE6,navigator.userAgent和navigator.appVersion尽然会是MSIE 7.0,无语了。XP系统版本为Professional 2002,打了SP3补丁。  以后判断浏览器版本最好还是不要用navigator.userAgent和navigator.appVersion,怪不得今天加载的js通..

javascript计时器

评论(0)浏览(509)分类:JavaScript/Ajax开发技巧
javascript计时器  javascript计时器,效果如下script function Timer(maxtime, id, callback) { //maxtime:时间,单位s //id:显示计时器信息的容器id //callback:计时器结束回调 var tmp function CountDown() { if (maxtime = 0) { day = Math.floor(maxtime / (60 * 60 * 24)); ..

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

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

浏览器地址栏执行javascript代码

评论(0)浏览(507)分类:JavaScript/Ajax开发技巧
浏览器地址栏执行javascript代码  所谓IE地址栏表达式,就是在IE的地址栏中输入 javascript:代码,执行某些功能,来动态改变原有页面的参数以达到某些目的,例如开放被禁止的按钮、显示原本隐藏的图片等等。本文将就IE地址栏的使用方法做一个详细的说明。1. 表达式的书写方法  在IE的地址栏中输入 javascript:代码,即可在当前页面上直接执行指定的代码并立即看到效果。而且..

扑克牌翻牌效果jquery插件

评论(0)浏览(506)分类:JavaScript/Ajax开发技巧
扑克牌翻牌效果jquery插件  用jquery实现的扑克牌翻牌效果,未使用html5,效果当然没有html5的3d好,但是兼容性好。使用的扑克牌图片如下   源代码如下!DOCTYPE HTMLhtmlheadmeta charset=UTF-8/title扑克牌翻牌效果jquery插件/title/headbodyscript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type..

JS中实现JAVA的hashCode算法

评论(1)浏览(502)分类:JavaScript/Ajax开发技巧
JS中实现JAVA的hashCode算法  在java中一个hashCode算法,可以用来计算一个字符串的hash值,今天一个朋友突然问俺能不能在js中计算hashCode,要求和java的hashCode计算结果一样。  对于java的hashCode,以前到现在也一直没有了解过其算法,不过猜想应该也不会太难,于是现在java中写了这段代码进行测试:运行结果:899755  按下Ctrl键点击hashCode方法名跟进去看了下..

js用flash方法报错:Error: Error calling method on NPObject!

评论(0)浏览(501)分类:JavaScript/Ajax开发技巧
js用flash方法报错:Error: Error calling method on NPObject!  javascript调用flash使用flash.external.ExternalInterface.addCallback注册的方法时,出现了Error: Error calling method on NPObject!错误。  网上找了下说是安全问题uncaught exception: Error calling method on NPObject! [plugin exception: Error in Actionscript. Use a try/catch block to find error.]默认actionscript中不允许..

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

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

移动到子容器上触发父容器mouseout事件解决办法

评论(0)浏览(498)分类:JavaScript/Ajax开发技巧
移动到子容器上触发父容器mouseout事件解决办法  容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来的则不会触发mouseout事件。div style=width:300px;height:200px;border:solid 1px black onmouseout=alert('MOUSEOUT')容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来文字的则不会触发mouseout..

jquery模拟marquee滚动

评论(0)浏览(496)分类:JavaScript/Ajax开发技巧
jquery模拟marquee滚动  jquery模拟marquee滚动效果,可以设置滚动完毕后间隔多少秒再重新滚动。如果是只需要兼容IE浏览器,marquee有个onfinish事件(需要指定loop或者behavior为behavior=slide才会触发onfinish事件),可以使用此事件结合setTimeout重启marquee。测试firefox不支持marquee的stop和start方法,所以要兼容firefox使用js控制效果最佳。  jquery模拟..

扩展IE下的input selectionStart selectionEnd属性

评论(0)浏览(496)分类:JavaScript/Ajax开发技巧
扩展IE下的input selectionStart selectionEnd属性  firefox有selectionStart和selectionEnd属性,指示被选择的内容的开始和结束位置,如果没有选择,则selectionStart和selectionEnd一样。IE没有selectionStart selectionEnd属性,可以使用下面的代码扩展。+展开-HTMLinputonclick="selStart(this)"value="1,22,333,2,322,6,3321"/scripttype="text/javascript"functionselStart(o){if(docume..

Javascript中给变量赋多行字符串的方法

评论(0)浏览(492)分类:JavaScript/Ajax开发技巧
Javascript中给变量赋多行字符串的方法  今天在缩减新浪HTML编辑器时看到了一段代码,可以一次性给变量赋值多行文本,而不使用连接符号+,但是转义字符还得注意转义一下。看来自己的javascript还是没学到家,有这种用法自己不知道,嘎嘎~~  要赋值的多行文本如下这个是一行第二行第三行  脚本如下+展开-JavaScriptvarstr='这个是一行\第二行\第三行\';alert(str)  下面是在网..

ajax对象abort方法

评论(0)浏览(490)分类:JavaScript/Ajax开发技巧
ajax对象abort方法  ajax对象的abort()方法可以停止一个XMLHttpRequest对象对HTTP的请求,把该对象恢复到初始状态。  例如,如果某个操作需要一系列的操作顺序完成,而这其中出现任何异常,都会导致当前操作的结束,当检测到某个步骤出现异常时,使用abort()方法,中止当前的处理。

touchEnd事件不触发解决办法

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

修改iealert.js支持jQuery1.9+

评论(0)浏览(480)分类:JavaScript/Ajax开发技巧
修改iealert.js支持jQuery1.9+  iealert.js使用了jQuery的live方法及$.browser属性,而jQuery1.9+已经不支持这2个方法及属性,所以要兼容高版本jQuery,需要对iealert.js代码进行修改。注意:jQuery2+不再支持IE8-浏览器,不要导入2+以上的jQuery,jQuery会直接报错,不是iealert.js的问题。  修改iealert.js支持jQuery1.9+源代码及样式如下!DOCTYPE html PUBLIC -//W3C/..

javascript浮点数运算精度问题

评论(0)浏览(477)分类:JavaScript/Ajax开发技巧
javascript浮点数运算精度问题分析  JavaScript 只有一种数字类型 Number ,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。 浮点数的精度问题不是JavaScript特有的,因为有些小数以二进制表示位数是无穷的:十进制 二进制0.1 0.0001 1001 1001 1001 ...0.2 0.0011 0011 0011 0011 ...0.3 0.0100 1100 1100..

jquery autocomplete 使用说明文档

评论(1)浏览(477)分类:JavaScript/Ajax开发技巧
jquery autocomplete 使用说明文档对应的jquery.autocomplete类库下载jquery autocomplete下载Autocomplete - a jQuery pluginNOTE: This is a modification of the jQuery Autocomplete Plug-in written by Dylan Verheul. The documentation is also based on Dylan's documentation, I made additions/changes as need to support my modifications.Usage:======$(selecto..

Chrome扩展开发教程(三)Browser Action(扩展图标)

评论(0)浏览(475)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(三)Browser Action(扩展图标)文章翻译自http://code.google.com/chrome/extensions/browserAction.html,介绍Browser Action,即右侧的扩展图标。Browser Actions的作用就是控制Chrome地址栏右侧添加一个图标。除了给chrome增加一个图标的功能外,还可以设置提示文字、图标标记、弹出窗口。下图中,在地址栏右侧的彩色图标就是一个Browser Action。Browser Actions创建的图标..

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

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

JavaScript阳历转阴历源代码

评论(0)浏览(471)分类:JavaScript/Ajax开发技巧
JavaScript阳历转阴历源代码  JavaScript阳历转阴历源代码,JavaScript阴历转阳历源代码,从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..