Selection.removeRange方法

评论(0)浏览(128)分类:JavaScript/Ajax开发技巧
Selection.removeRange方法Selection.removeRange简介从selection中移除一个range对象语法sel.removeRange(range)参数range从selection中移除的range对象示例/* 通过编程,可以选择多个range。 * 此示例将删除处第一个range外的其他range对象 */s = window.getSelection();if(s.rangeCount 1) { for(var i = 1; i s.rangeCount; i++) { s.removeRange(s.getRangeAt(i)..

Selection.selectAllChildren方法

评论(0)浏览(756)分类:JavaScript/Ajax开发技巧
Selection.selectAllChildren方法Selection.selectAllChildren简介将指定节点的所有子节点加到当前selection中,这个操作将会丢失之前选择的内容。语法sel.selectAllChildren(parentNode)参数parentNode选中parentNode参数的所有子元素,但是 parentNode 不会包含在当前selection中。示例footer = document.getElementById(footer);window.getSelection().selectAllChildren(fo..

Selection.modify方法

评论(0)浏览(170)分类:JavaScript/Ajax开发技巧
Selection.modify方法Selection.modify简介通过简单文本命令行,更改当前selection或者光标位置。备注:这个方法居于Webkit同名方法语法sel.modify(alter, direction, granularity)参数alter执行那种操作。执行move操作,将会移动当前光标位置。执行extend操作将会扩展当前selectiondirection如何调整当前selection。指定 forward或者 backward,通过当前selection的..

Selection.extend方法

评论(0)浏览(115)分类:JavaScript/Ajax开发技巧
Selection.extend方法Selection.extend简介将selection的结束点(focus)移动到指定的点。selection的开始点(anchor)不变。selection变为从开始点到新的结束点和方向无关。使用方法sel.extend(parentNode, offset)参数parentNode结束点移动到的节点offset结束点在parentNode参数中的位移来源:https://developer.mozilla.org/en-US/docs/Web/API/Selection.extend

Selection.collapse方法

评论(0)浏览(159)分类:JavaScript/Ajax开发技巧
Selection.collapse方法Selection.collapse简介将selection折叠为一个点。文档不会被修改。如果内容区域是可编辑的并且获取焦点,那么光标会在那个点闪动。使用语法sel.collapse(parentNode, offset);参数parentNode光标位置所在节点位置offset0 - 折叠selection从anchor位置到parentNode参数文本的开始位置1 - 折叠selection从anchor位置到parentNode参数文本的结束位..

Selection.getRangeAt方法

评论(0)浏览(2116)分类:JavaScript/Ajax开发技巧
Selection.getRangeAt方法Selection.getRangeAt简介Returns a range object representing one of the ranges currently selected.使用语法range = sel.getRangeAt(index)参数rangerange 为返回的对象index从0开始,返回指定小标的range对象。负值或者大于等于 rangeCount 的数字将会报错示例var ranges = [];sel = window.getSelection();for(var i = 0; i sel.rangeCou..

Selection.rangeCount属性

评论(0)浏览(186)分类:JavaScript/Ajax开发技巧
Selection.rangeCount属性Selection.rangeCount简介返回selection中range对象个数使用语法sel.rangeCount备注在用户点击一个新加载的页面前,rangeCount为0。用户可能一次只选择了一个range,所以rangeCount为1,一般也为1。但是通过脚本代码,可以让一个selection包含多个range。如Selection.addRange方法。来源:https://developer.mozilla.org/en-US/docs/Web/API/Sel..

Selection.addRange方法

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

Selection.toString()方法

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

window.getSelection方法

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

javascript变量json对象等到路径

评论(0)浏览(171)分类: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)浏览(213)分类: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)浏览(468)分类: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)浏览(165)分类: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..

获取Ext Tree/TreeStore加载的原始JSON数据

评论(0)浏览(731)分类:extjs开发技巧
获取Ext Tree/TreeStore加载的原始JSON数据  本源代码将Ext的Tree对象或者TreeStore加载的数据源转换为原始的json对象。如果对tree对象节点增加删除后,需要保存结果到服务器的json文件中,而不是数据库,可以将递归遍历TreeStore获取原始数据并重建对应的JSON对象。  获取Ext Tree/TreeStore加载的原始JSON数据源代码如下,测试通过版本:ext-4.1.1a(ext4-没有Ext.data.NodeInterfa..

jqgrid自动滚动数据内容demo

评论(0)浏览(1523)分类:jqGrid中文API
jqgrid自动滚动数据内容demo  如果jqgrid一次行加载的数据太多,而不想通过拖动滚动条来查看数据,需要javascript代码自动滚动滚动条,实现数据自动滚动展示,可以通过下面的办法实现。  jqgrid数据加载生成完毕后(gridComplete事件),获取数据数据的容器,用计时器来设置容器的scrollTop来实现。jqgrid的数据容器样式为.ui-jqgrid-bdiv,获取这个div。  jqgrid自动..

javascript计时器

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

Ext4 TreeGrid使用xml作为数据源示例

评论(0)浏览(314)分类:extjs开发技巧
Ext4 TreeGrid使用xml作为数据源示例  TreeGrid要使用XML作为数据源,有2种方法。 第一种:首先用Ext.ajax请求xml文件,然后自己写解析方法,通过Ext.data.NodeInterface动态向treestore中添加嵌套数据,最后在再生成treegrid对象。 第二种:参考xml-tree.html这个示例,将treegrid的节点动态加载,不过既然通过动态页生成数据,还不如直接用动态页处理xml文件成需要的json数据来..

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

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