Selection.addRange方法

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

Selection.isCollapsed属性

评论(0)浏览(747)分类:JavaScript/Ajax开发技巧
Selection.isCollapsed属性Selection.isCollapsed简介返回一个布尔值表示selection的开始和结束是否重合(就是没有选择内容)语法sel.isCollapsed备注一个重合的selection,rangeCount属性也可能大于0。sel.getRangeAt(0) 会返回一个重合的range对象。来源:https://developer.mozilla.org/en-US/docs/Web/API/Selection.isCollapsed

Selection.anchorOffset属性

评论(0)浏览(331)分类:JavaScript/Ajax开发技巧
Selection.anchorOffset属性Selection.anchorOffset简介返回一个数字代表anchorNode.相对于selection锚(anchor)的位移。语法sel.anchorOffset注意事项返回的数字从0开始。如果selection从 anchorNode的第一个字符开始,则返回0来源:https://developer.mozilla.org/en-US/docs/Web/API/Selection.anchorOffset

lightbox效果,半透明遮盖层

评论(0)浏览(149)分类:JavaScript/Ajax开发技巧
lightbox效果,半透明遮盖层  lightbox效果,半透明的遮盖层,遮盖文字内容效果,不允许操作style#mask{position:absolute;left:0px;top:0px;background:#000;opacity:.5;filter:alpha(opacity=50);display:none}/stylediv style=height:1000px内容input type=button value=显示lightbox onclick=showMask() //divscript var strict = document.compatMode == 'CS..

Selection.anchorNode属性

评论(0)浏览(1121)分类:JavaScript/Ajax开发技巧
Selection.anchorNode属性Selection.anchorNode简介返回selection起始节点语法sel.anchorNode备注用户选中文档内容时,有可能从左到右,也可能从右到左,锚(anchor)就是用户开始选择的地方。这个过程也可以通过键盘按住shift键,再安县方向键进行选择。selection的起始点(anchorNode)不会移动(改变),结束点会移动。来源:https://developer.mozilla.org/en-US/doc..

Selection.toString()方法

评论(0)浏览(328)分类:JavaScript/Ajax开发技巧
Selection.toString()方法Selection.toString()方法介绍返回当前selection对象的文本字符串内容。使用语法str=sel.toString()str:为selection对象中的文本字符串内容参数无描述返回当前选中的文本内容。当传递selection对象到一个需要字符串参数的javascript函数时,toString会自动调用alert(window.getSelection()) // What is calledalert(window.getSelection().toSt..

Range对象中文API

评论(0)浏览(728)分类:JavaScript/Ajax开发技巧
Range对象中文APIThe Range接口代表给定的文档的一个片段,这个片段包含节点集合和部分文本节点集合。Range可以通过document对象的createRange方法创建,可以通过Selection的getRangeAtgetRangeAt方法获取到。也可以通过 Range() 构造函数来生成。Range属性Range.collapsed :只读返回 Boolean值只是Range开始和结束点是否重合。Range.commonAncestorContainer :..

window.getSelection方法

评论(0)浏览(1813)分类:JavaScript/Ajax开发技巧
window.getSelection方法简介返回用户选择的对象。调用语法selection = window.getSelection() ;selection为Selection 对象。要转为字符串,可以链接空字符或者调用toString方法,将返回选中的文本内容。示例function foo() { var selObj = window.getSelection(); alert(selObj); var selRange = selObj.getRangeAt(0); // do stuff with the range}注意事..

js调用flash方法注意不要注册名称为Play,要不没反应

评论(0)浏览(110)分类:JavaScript/Ajax开发技巧
js调用flash方法注意不要注册名称为Play,要不没反应  firefox下用javascript调用flash的方法时,注意不要使用flash.external.ExternalInterface.addCallback注册as给js调用的方法名称为Play(注意大小写),firefox会给每个flash容器增加一个Play方法,即使使用flash.external.ExternalInterface.addCallback注册了Play方法名称,也调用不到,只会调用到firefox注册的默认Play方法,导致掉用Pla..

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中不允许..

javascript实现text-overflow:ellipsis效果

评论(0)浏览(298)分类:JavaScript/Ajax开发技巧
javascript实现text-overflow:ellipsis效果  对于一长串不会自动换行的字符串(如数字和字母连在一起的商品编号或者其他内容),会导致页面或者布局被撑破。要自动换行可以使用word-break:break-all(IE和chrome支持,firefox不支持)。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.ellipsis{font-size..

fullCalendar设置日期td样式

评论(1)浏览(2915)分类:JavaScript/Ajax开发技巧
fullCalendar设置日期td样式  本示例通过遍历fullCalendar显示日期的容器,和要设置特殊样式的日期进行对比,对比成功则设置此日期的容器的样式为给定的参数样式。2013-12-31更新:增加当前年月限制,防止跨年月设置。2014-01-02更新:增加周/日显示模式的高亮控制,增加的高亮改为控制通过样式控制,方便更换模式或者点击上下箭头切换日期后清空高亮显示,具体看代码解释..

javascript变量json对象等到路径

评论(0)浏览(144)分类:JavaScript/Ajax开发技巧
javascript变量json对象等到路径  javascript递归迭代json对象,得到每个遍历到的项目的路径,示例代码如下注意json对象和数组的区分,具体参考这篇文章:javascript如何区分JSON对象或者[]数组script type=text/javascript var json = [{ name: zhansan, age: 23, address: { city: beijing, year: [{ test: 气态流出物月报 ..

javascript如何区分JSON对象或者[]数组

评论(0)浏览(175)分类:JavaScript/Ajax开发技巧
javascript如何区分JSON对象或者[]数组  对json对象或者数组[]执行typeof操作时,得到的内容都是object,这样就无法判断是否是json对象或者是[]申明的数组。script alert(typeof {})//object alert(typeof [])//object/script  如果你的json对象未定义length成员,可以通过length属性来区分变量是json还是数组,但是如果json申明过length为数字的变量,那就无法通过length属..

jquery.ui.autocomplete.js输入中文无法显示匹配项

评论(0)浏览(452)分类:JavaScript/Ajax开发技巧
jquery.ui.autocomplete.js输入中文无法显示匹配项  如果你使用jquery.ui.autocomplete.js自动完成插件功能,输入中文字符没有出现匹配的信息,那么50%的可能是出现了乱码(当然不排除动态页出错之类的)。  要将加载jquery.ui.autocomplete.js插件页面,数据源统一为utf-8编码,并且2个页面的存储编码也要为utf-8(记事本打开,另存为,编码选择utf-8,保存替换原来的文件)  从jqueryui...

javascript动态创建的锚点在IE8-下无效

评论(0)浏览(169)分类:JavaScript/Ajax开发技巧
javascript动态创建的锚点在IE8-下无效  使用javascript动态创建的锚点(anchor),在IE8-下无法跳转都动态创建的锚点部分。  测试代码,通过创建a元素,设置a元素的name后添加到dom中,IE8需要添加xhtml申明才有效果(去掉xhtml申明也和IE7一样无效),IE7无效!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..

javascript计时器

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

setTimeout/setInterval执行的句柄函数在firefox下会附加一个参数

评论(0)浏览(113)分类:JavaScript/Ajax开发技巧
setTimeout/setInterval执行的句柄函数在firefox下会附加一个参数  使用setTimeout/setInterval绑定事件句柄时,firefox13-会自动给事件处理函数增加一个附加参数,所以做选项卡自动切换功能时,注意这2个函数的使用方法,可能会导致你程序出现bug。firefox14+已经去掉这个功能。Note: Prior to Gecko 13 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10), Gecko passed an extra parameter to the callb..

jquery ajaxStart不响应注意事项

评论(0)浏览(104)分类:JavaScript/Ajax开发技巧
jquery ajaxStart不响应注意事项  使用jquery的ajax方法ajaxStart,ajaxComplete,ajaxError,ajaxSend,ajaxStart,ajaxStop,ajaxSuccess注册事件,如果没有执行,没反应,请注意你使用的jquery版本,jquery1.8+版本这些方法只能注册事件到document对象上,注册到其他对象上无法响应。As of jQuery 1.8, the .ajaxStart() method should only be attached to document.http..

获取cookie过期时间

评论(0)浏览(289)分类:JavaScript/Ajax开发技巧
获取cookie过期时间  javascript和动态页无法获取cookie过期的时间,过期时间由浏览器管理,javascript和动态页只能设置过期时间,无法通过document.cookie(javascript)或者Cookie.Expires(asp.net)属性获取到。%@page language=C# Debug=true%script runat=server protected void Page_Load(object sender, EventArgs e) { HttpCookie hc = Re..

获取kindeditor编辑器iframe对象

评论(0)浏览(1034)分类:JavaScript/Ajax开发技巧
获取kindeditor编辑器iframe对象  kindeditor实例存储iframe编辑器对象的属性为edit,edit属性又包含了iframe对象集合,通过调用get方法获取到iframe DOM对象,就可以按照操作iframe的方法获取需要的iframe内容了。示例代码如下var editor;KindEditor.ready(function (K) { editor = K.create('textarea[name=content]', { allowFileManager: true, filter..

javascript糟粕与鸡肋分析

评论(0)浏览(143)分类:JavaScript/Ajax开发技巧
javascript糟粕与鸡肋分析  大多数语言都有精华部分和鸡肋部分,我发现如果只使用精华部分而避免使用鸡肋部分,我可以成为一名更好的程序员,Douglas Crockford曾经写过一本很薄的书《JavaScript: The Good Parts》,这是开篇中的一句话。书中专门介绍了JavaScript中值得发扬光大的精华部分,并在附录中详细列举了JavaScript的糟粕、鸡肋部分。如果能规避掉JavaScript语..

html5有哪些新特性

评论(0)浏览(180)分类:HTML/CSS兼容/XML
html5有哪些新特性  本文总结了HTML5带来的15项你必须知道的新特性。1.新的文档类型 (New Doctype)  目前许多网页还在使用XHTML1.0并且要在第一行像这样声明文档类型: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd   在HTML5中,上面那种声明方式将失效。下面是HTML5中..

javascript文字逐字逐行显示效果

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

kindeditor上传插件分类保存路径细分修改

评论(0)浏览(1034)分类:JavaScript/Ajax开发技巧
kindeditor上传插件分类保存路径细分修改  kindeditor的上传的文件(包括图片)默认是保存在attached/(image|flash|media|file)/当前日期年月日 对应的目录下,依据加载的插件,自动给uploadJson配置的url增加dir参数。  如果你需要修改attached保存路径或者(image|flash|media|file)这种分类目录,需要手动修改upload_json.asp文件,给upload_json.asp增加功能。  下面为一个示例..

JavaScript解析机制

评论(0)浏览(153)分类:JavaScript/Ajax开发技巧
JavaScript解析机制1.5 JavaScript解析机制JavaScript解 析过程可以分为编译和执行两个阶段。编译也就是我们常说的JavaScript预处理(即预编译)。在预编译期,JavaScript解释器将完成对 JavaScript代码的预处理,也就是说把JavaScript脚本代码转换成字节码。在执行期,JavaScript解释器借助执行期环境把字节码 生成机械码,并按顺序执行,完成程序设计的任务。1.5..

移动到子容器上触发父容器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..

javascript复制带格式的富文本内容

评论(0)浏览(283)分类:JavaScript/Ajax开发技巧
javascript复制带格式的富文本内容  需要使用javascript实现ctrl+c和ctrl+v的效果,复制的时候将选择的网页内容,包括字体大小,颜色,链接等一起复制,而不是以纯文本的格式进行复制,ctrl+v粘贴进入html编辑器或者word文档中时保留原来的格式。  本示例仅在IE浏览器下可用,通过execCommand('copy')来实现。示例如下script function CopyImageToBoard(area) { ..

javascript换皮肤代码

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
javascript换皮肤代码  javascript动态加载css文件实现皮肤更换,同时用cookie记录当前使用的皮肤样式,刷新页面后自动从cookie中读取皮肤并加载进来script var comm = { $: function (Id) { return document.getElementById(Id); }, GetCookie: function (name) { var m = new RegExp(name + '=([^;]+)', 'i').exec(document.co..

IE6/IE7设置z-index,子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法

评论(0)浏览(408)分类:JavaScript/Ajax开发技巧
IE6/IE7设置z-index,子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法  有2个absolute定位的层,要求第一个层覆盖第二个层,第一个层设置z-index即使为10000,第二层不设置z-index或者设置为1,在IE6/IE7浏览器下第一个层还是被第二个层给遮盖住,其他浏览器这没有这个问题。  解决办法就是父容器搜设置为relative定位,给父容器增加z-index,只要第一个absolute定位的层的父容器z-index大于第二个的,那么就可..