javascript实现IE,firefox客户端图片预览

评论(0)浏览(191)分类:JavaScript/Ajax开发技巧
javascript实现IE,firefox客户端图片预览  javascript实现IE,firefox客户端图片预览,测试浏览器:IE6~8,firefox4.0。  google的chrome,safari,opera浏览器需要上传图片才行,这个不在讨论范围,上传后也变简单多了,将表单自动提交到隐藏iframe实现无刷新上传图片文件后,在服务器端保存图片然后返回路径,具体参考这篇文章:ajax无刷新上传文件,使用iframe模仿。  原理:由..

javascript代码优化技巧

评论(0)浏览(191)分类:JavaScript/Ajax开发技巧
javascript代码优化技巧  javascript代码优化几个小技巧1、处理字符串  字符串拼接在IE 6、7下的垃圾回收性能很差。虽然IE 8已经解决了这个问题。如果你的用户中有相当一部分人使用IE 6、7,那么你得谨慎构建你的字符串了。 比如这个例子:var veryLongMessage ='This is a long string that due to our strict line length limit of' +maxCharsPerLine +&..

IE下未选择textarea的内容时如何保存Range对象

评论(0)浏览(191)分类:JavaScript/Ajax开发技巧
IE下未选择textarea的内容时如何保存Range对象  由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上,所以在IE浏览器下需要保存当前的Range对象,以便进行相应的操作时,在原来的位置进行,而不是跑到其他的位置去。  Firefox由于调用obj.focus()后光标能回到回来的位置或者选择的文字上,所以不需要保存位置。  但是在不久前在写一个UBB程序时,碰到如果未..

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

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

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

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

Javascript闭包的特性简析

评论(0)浏览(189)分类:JavaScript/Ajax开发技巧
Javascript闭包的特性简析Javascript闭包的定义非常晦涩闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。简单来 说,Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键..

3种ASP.NET AJAX Tookit TabContainer控件常见错误及解决方法

评论(0)浏览(188)分类:Asp.Net/C#/WCF
3种ASP.NET AJAX Tookit TabContainer控件常见错误及解决方法 1. 出错信息:TabContainer1 发生了未处理的异常 A ScripManager is required on the page to use ASP.NET AJAX ScriptComponents解决办法: 安装ASPAJAXExtSetup.msi, 重启VS,从工具箱AJAX Extension 中把ScriptManager 控件拖到form下面 2. Sys is not defined 解决办法: 在web.config 中加入以下节点+展开-XMLhttp..

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

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

keypress,keyup中keyCode不一样

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

javascript水平方向手风琴焦点图

评论(0)浏览(186)分类:JavaScript/Ajax开发技巧
javascript水平方向手风琴焦点图  javascript水平方向手风琴焦点图,效果如下源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadtitlejavascript水平方向手风琴焦点图/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 /scri..

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

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

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

IE8-实现document.getElementsByClassName

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
IE8-实现document.getElementsByClassName  IE8-不支持document.getElementsByClassName,IE8-如何实现document.getElementsByClassName功能。  IE8-要想实现document.getElementsByClassName功能,需要使用document.getElementsByTagName获取指定标签集合(或者传递*获取所有节点),然后遍历对比className,包含就压入数组中,然后返回数组。  IE8-不支持document.getElementsBy..

javascript加密解密base64字符串

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

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

评论(0)浏览(182)分类: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最酷的控件之一。最..

YUI框架事件和DOM事件

评论(0)浏览(182)分类:JavaScript/Ajax开发技巧
YUI框架事件和DOM事件YUI的Event包可以用来操纵DOM事件,也可以自定义事件。 具体如下1. 要使用Event,首先要引入YUI3的种子文件:+展开-HTMLscriptsrc="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"/scriptscriptYUI().use('event',function(Y){});/script2. 设置事件响应函数:on()有两个on方法,一个是YUI的,一个是Node的+展开-JavaScriptY.on("click",..

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

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

ajax返回值存在存在空白符导致if语句不执行

评论(0)浏览(181)分类:JavaScript/Ajax开发技巧
ajax返回值存在存在空白符导致if语句不执行  在使用ajax的repnseText属性获取动态页返回值进行一些简单判断,如if(xhr.responseText=='yes'){},使用alert)xhr.responseText)输出时确实是yes字符串,但是为什么if语句块就是不执行呢?  此时需要注意了,大部分导致出现这个问题的原因是请求的文件,此页面的非服务器端脚本代码输出部分存在空白符号,这些空白符号会岁着脚本动态的输出..

最新jquery UI Datepicker api文档使用说明

评论(0)浏览(181)分类:JavaScript/Ajax开发技巧
最新jquery UI Datepicker api文档使用说明 Overview The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily.By default, the datepicker calendar opens in a sma..

javascript+cookie实现的文本输入记录

评论(0)浏览(181)分类:JavaScript/Ajax开发技巧
javascript+cookie实现的文本输入记录  功能要求:有一个文本框,旁边有个button,点击按钮后将文本框输入的内容保存到cookie。在文本框得到焦点后,在下方显示这个文本框输入过的最近的五个词语。  示例源代码如下style#dvPop{display:none;position:absolute;left:0px;top:20px;border:solid 1px #000000;background:#ffffff;width:200px;}/stylediv style=position:relativei..

IE浏览器setCapture和releaseCapture介绍

评论(0)浏览(180)分类:JavaScript/Ajax开发技巧
IE浏览器setCapture和releaseCapture介绍  setCapture方法,当在IE文档某个区域中使用了这个方法,并且写了onclick或者onmouse***等有 关的鼠标事件方法,那么它就会监视相应的鼠标操作,即使你的鼠标移出了IE,它也一样能捕获到。如果你在某div中的onclick事件中写了一个 alert命令,这时,你点击的关闭按钮,它也一样会弹出alert窗口  releaseCapture方法,与setCapture方法相反,释..

javascript获取vml对象path属性

评论(0)浏览(180)分类:JavaScript/Ajax开发技巧
javascript获取vml对象path属性  今天研究vml时发现,当获取到vml对象时,获取到的path属性为object,并且没有toString方法,⊙﹏⊙b汗,IE下的path属性到底是个什么鬼东西,没有toString方法。  要获取实际的vml对象的path值时,可以使用vmlobj.path.value获取,value属性为string类型。按照vmlobj.path.value获取实际值,那么vmlobj.path应该为json类型的随性,尽然没有..

js简易数字微调调整示例

评论(0)浏览(179)分类:JavaScript/Ajax开发技巧
js简易数字微调调整示例  js实现数字微调示例,点击输入框右边的上下按钮对输入框数字进行+1/-1调整效果。jquery插件有easyui NumberSpinner组件或jqueryui的spinner组件style .spinner{zoom:1;overflow:auto;border:solid 1px #ccc;float:left;} .spinner input{border:none;float:left;margin-top:5px} .spinner .arrow{float:right;font-size:12px;} ..

CKEditor编辑器配置选项

评论(0)浏览(177)分类:JavaScript/Ajax开发技巧
CKEditor编辑器配置选项配置属于自己的编辑器,配置Config.js文件(官方给出配置的几种方法,详见参考官方文档)如下:http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.config.html#.autoUpdateElementCKeditor编辑器选项配置CKeditor像是一个WEB的小Word,当然也预设了很多相关编辑项目,相信很多人需要调整,那些项目要用那些不要用在ckeditor目录下,有个..

JavaScript技巧:实现 sleep()

评论(0)浏览(177)分类:JavaScript/Ajax开发技巧
JavaScript技巧:实现 sleep() JavaScript是一个顺序解释性的语言,在网页里执行的时候往往想让它的执行暂停一下,但又没有对应的方法可用,于是就有人使用 N 万次的空循环来消耗时间,不过暂停是暂停了,但每台电脑对这个空循环的执行时间是不一样的,好的电脑可能只有零点几秒,但差的电脑就惨了,可能需要几秒甚至几十秒才能做完这些空操作,所以我特意修改了一下它的实现..

eval JavaScript代码块后变量作用域问题

评论(0)浏览(176)分类:JavaScript/Ajax开发技巧
eval JavaScript代码块后变量作用域问题  使用eval动态解析string类型的javascript代码时,如果使用了var声明某个变量,则此变量的作用域是根据eval代码块的位置来确定的。  1)在函数体中执行eval时,则var声明的变量作用域在函数体内,超出函数体外无法访问,否则提示未定义错误。此时要在函数体外访问此变量,则string类型代码块需要去掉var关键字,或者用window.变量名的方式..

javascript函数参数arguments,callee,caller

评论(0)浏览(176)分类:JavaScript/Ajax开发技巧
javascript函数参数arguments,callee,caller一、Arguments:该对象代表正在执行的函数和调用他的函数的参数。[function.]arguments[n]参数function :选项。当前正在执行的 Function 对象的名字。n :选项。要传递给 Function 对象的从0开始的参数值索引。  说明:Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。  Arguments是个类似数组但不是数组的对象,..

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

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