javascript检查浏览器是否支持flash

评论(0)浏览(129)分类:JavaScript/Ajax开发技巧
javascript检查浏览器是否支持flash  javascript检查浏览器是否支持flash,及支持flash时flash的版本号。  源代码如下script function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); ..

datagrid没有数据显示无数据提示信息

评论(0)浏览(2594)分类:easyui开发技巧
datagrid没有数据显示无数据提示信息  本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示  本示例easyui版本为1.3.4,如果运行后没有效果,自己检查easyui版本不同版本对appendRow和mergeCells支持不一样,参数不一致什么的。无法隐藏分页导航容器,可以用chrome开发工具或者firebug查看分页导航容器的样..

easyui datagrid单击单元格选择此列

评论(0)浏览(2722)分类:easyui开发技巧
easyui datagrid单击单元格选择此列  本示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格。可以配置全局single变量,只允许同时选中一列,如果不配置则默认可以选中多列。单击选中的列会取消选中高亮样式。  源代码如下,示例测试的easyui版本为1.3.5,如果没有效果,自己用fir..

ajax getResponseHeader获取中文响应头

评论(0)浏览(1590)分类:JavaScript/Ajax开发技巧
ajax getResponseHeader获取中文响应头  如果页面响应头中包含中文内容,ajax请求的页面和被请求的页面即使编码统一,不同浏览器下表现的方式还是会不一样,firefox/IE下出现乱码,chrome可以正常调用getResponseHeader获取到中文的响应头内容。  要解决这个问题,可以将中文进行编码后在设置为响应头内容,这样ajax调动getResponseHeader获取内容后,在客户端解码下就不会出现乱..

easyui初始化隐藏tabs

评论(0)浏览(1901)分类:easyui开发技巧
easyui初始化隐藏tabs  本示例实现jquery easyui在初始化的时候,自动隐藏其他tab。easyui tabs有3个tab,现在只显示title2选项卡,其他2个tabs选项卡隐藏起来。备注:请用easyui1.3+版本测试,低于这个版本的easyui隐藏其他tab有UI bug,默认显示的tab的内容部分被隐藏起来了。  源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312titleeasyui初始化隐藏tabs/..

selection对象中文API

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

Selection.removeRange方法

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

Selection.extend方法

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

Selection.getRangeAt方法

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

Selection.toString()方法

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

window.getSelection方法

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

javascript变量json对象等到路径

评论(0)浏览(139)分类: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)浏览(173)分类: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)浏览(448)分类: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)浏览(760)分类: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..