console.log在IE8+提示未定义

评论(0)浏览(1826)分类:JavaScript/Ajax开发技巧
console.log在IE8+提示未定义  console.log方便在浏览器控制台输出对象的信息,非IE浏览器基本都支持console.log调试。  IE8+浏览器增加了开发人员工具,在开发人员工具下支持console.log语句。  但是需要注意的是:使用console对象查看对象信息,在IE8+浏览器下未打开过开发人员调试工具的情况下,会报console.log在IE8+提示未定义错误。  打开过开发人员工具后,再..

javascript自动格式化输入的数字金额

评论(1)浏览(577)分类:JavaScript/Ajax开发技巧
javascript自动格式化输入的数字金额  需求:javascript自动格式化输入的数字金额,每3位数字后面增加一个,逗号分隔开,失去焦点后自动删除逗号,防止数据库写入数字类型的字段时出错,获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容,防止乱输入..

让innerHTML里的script跑起来

评论(0)浏览(178)分类:JavaScript/Ajax开发技巧
让innerHTML里的script跑起来  直接设置容器的innerHTML,如果设置的内容里面包含了script代码块,是不会执行的,所以需要做一些处理  示例代码如下,firefox需要获取script标签,eval里面的内容,ie就简单了,在设置innerHTML前替换script为script defer就行了div id=dv/divscriptwindow.onload=function(){ var dv=document.getElementById('dv'); var s=&#..

jquery.validate.js valid方法及注意事项

评论(1)浏览(8074)分类:JavaScript/Ajax开发技巧
jquery.validate.js valid方法及注意事项  1)jquery.validate.js第一次调用valid方法时,即使验证出错,也会返回true,第二次验证时如果还有错误才会才会返回false。所以不要根据调用valid方法返回的结果来判断是否要进行下一步的处理,有可能出问题。form id=myforminput type=text name=name1 requiredbr /input type=text name=name2 requiredbrbuttonValidate!/button/formscrip..

输入框onchange,oninput,onpropertychange事件区别

评论(0)浏览(658)分类:HTML/CSS兼容/XML
输入框onchange,oninput,onpropertychange事件区别输入框(input)onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件:输入框的值改变,失去焦点(onblur)后触发。兼容性:各浏览器都支持。oninputonpropertychange触发条件:输入时,实时触发,而不是失去焦点才触发。兼容性:oninput:Chrome/IE9/Firefox/Safari/Operaonpropertychange:IE6/IE7/IE8/IE9所以如果要实现输..

让IE6支持css position:fixed定位

评论(0)浏览(134)分类:JavaScript/Ajax开发技巧
让IE6支持css position:fixed定位  IE6不支持position:fixed,IE6不支持position:fixed,解决技巧使用Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval动态解析执行javascript语句。  IE6下移动浮动层还会出现闪动问题,解决方法参考:解决ie下移动浮动层闪动问题  让IE6支持posi..

模仿淘宝文本框内容放大效果

评论(0)浏览(102)分类:JavaScript/Ajax开发技巧
模仿淘宝文本框内容放大效果  模仿淘宝的文本框内容放大效果,当输入框输入内容的时候,在文本框上部显示放大的文本框输入内容。输入框失去焦点或者内容为空时隐藏提示内容。效果如下源代码如下,兼容ie,firefox等主流浏览器,注意DOM结构。。br /br /style type=text/cssdiv.input{position:relative;width:230px;}div.input input{width:100%;border:solid 1px #0077f..

FCKEditor换行br后的全角或者半角空格丢失解决办法

评论(0)浏览(273)分类:JavaScript/Ajax开发技巧
FCKEditor换行br后的全角或者半角空格丢失解决办法  今天使用FCKEditor编辑器时,从记事本中复制内容到FCKEditor编辑器中,然后在开始的文字前面打入2个全角的空格进行缩进,提交后发现除了第一个段落的全角空格保存之外,其他的段落的全角空格全部没有了。  经测试后发现,FCKEditor在W3C浏览器,如firefox,chrome,紧跟在br/换行后的全角或者半角空格在提交的时候,不知道被FCKEditor给做..

asp.net CustomValidator Ajax 异步验证如何触发

评论(0)浏览(246)分类:Asp.Net/C#
asp.net CustomValidator Ajax 异步验证如何触发  使用asp.net的CustomValidator验证控件时,如果ClientValidationFunction配置的函数中使用异步Ajax进行验证输入内容的有效性时,即使ajax返回的信息无效,并且设置了ClientValidationFunction配置函数的参数args.IsValid=false,并不会显示错误信息。  这是因为ajax异步执行完设置args.IsValid时ms注册的检查这个属性是否为true的代码已经..

解决IE attachEvent绑定的事件中this为window问题

评论(0)浏览(240)分类:JavaScript/Ajax开发技巧
解决IE attachEvent绑定的事件中this为window问题  在IE浏览器下使用attachEvent绑定对象的事件时,绑定的事件方法中this对象为window对象,而不是当前的DOM对象。w3c浏览器下的addEventListener对象不存在这种问题。  测试代码如下div id=dv111/divscriptfunction Alert(){alert(this.innerHTML)}var dvs=document.getElementById('dv')dv.attachEvent('onclick',Alert);/..

submit控件click事件和form表单submit事件执行循序

评论(0)浏览(3240)分类:JavaScript/Ajax开发技巧
submit控件click事件和form表单submit事件执行循序  表单中的submit按钮的clic事件优先于表单form的submit事件,表单submit事件的执行依据submit按钮的返回值来判断是否继续需要执行submit事件。表单的submit事件中return false也可以阻止表单的提交,而不一定依靠onsubmit事件返回false来阻止表单的提交。  当submit的click事件返回false时,不会执行form表单的submit事件,返回非false值或..

ckeditor注册ctrl+enter快捷键

评论(0)浏览(203)分类:JavaScript/Ajax开发技巧
ckeditor注册ctrl+enter快捷键2013-04-02更新:不要使用ckeditor的setData方法清空编辑器中的内容,此方法会重构iframe的document对象导致之前注册的ctrl+enter事件丢失,直接操作DOM对象清空body的内容即可。一定要调用setData方法,需要重新给新document对象添加事件,由于是异步的,所以需要传递回调函数,具体看最后的示例。  由于ckeditor的编辑窗体是iframe,和父窗体..

Ext4 JSONStore使用webservice返回的json数据

评论(0)浏览(243)分类:extjs开发技巧
Ext4 JSONStore使用webservice返回的json数据  asp.net framework3.5 webservice增加了检查content-type,如果请求头设置了content-type:'application/json',就会返回json字符,而不是xml。  首先我们要了解一下webservice返回的json结构。返回的json格式是{d:实际的内容},实际内容根据webservice方法返回值来确定。1)如果是字符串字符,那么实际内容就是字符串。如果返回的..

Ext4 XMLStore加载webservice数据源示例

评论(0)浏览(369)分类:extjs开发技巧
Ext4 XMLStore加载webservice数据源示例  Ext4使用XMLStore加载webservice时,返回XML不同返回json格式那么严格,返回json需要注意的事项多。  返回xml和平时用ajax get/post请求普通页面一样,有参数get请求附加在url后面,post请求则在ajax对象的send中发送url键值对就行。  只要配置过web.config允许get/post请求webservice后,就可以使用ajax请求webservice得到xml数据源。否..

jQuery通过调用webservice返回json数据的问题

评论(3)浏览(392)分类:JavaScript/Ajax开发技巧
jQuery通过调用webservice返回json数据的问题  由于.net frameword3.5以上添加了对contenttype的检查,当ajax发送请求时,如果设置了contenttype为json,那么请求webservice时,会自动将返回的内容转为json的格式,json的格式如下{d:webservice方法返回的字符串内容}这时出现一个问题了,如果方法返回的是一个json格式的字符串,那么如何获得实际的json对象,而不是只有一个属性d的json对..

XMLHttpRequest upload属性

评论(0)浏览(216)分类:JavaScript/Ajax开发技巧
XMLHttpRequest upload属性  新版本的XMLHttpRequest对象,传送数据的时候,有一个progress事件,用来返回进度信息。  它分成上传和下载两种情况1)下载的progress事件属于XMLHttpRequest对象2)上传的progress事件属于XMLHttpRequest.upload对象。  我们先定义progress事件的回调函数。   xhr.onprogress = updateProgress;   xhr.upload.onprogress =..

jQuery $()返回值

评论(0)浏览(115)分类:JavaScript/Ajax开发技巧
jQuery $()返回值  在jQuery中,$()返回值根据jquery版本的不一样,返回的内容不一样。  jQuery1.4+版本$()返回的是[]对象,jquery-1.3.2-及以下返回的是[Document]对象  测试代码如下script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.3.2.min.js type=text/javascript/scriptscript console.log($())//返回[Document 页面名称]/scriptscrip..

javascript unbeforeunload/unload事件注意事项

评论(0)浏览(606)分类:JavaScript/Ajax开发技巧
javascript unbeforeunload/unload事件注意事项  javascript中给window注册unbeforeunload/unload事件时,不要给事件添加alert,confirm等语句,高版本的浏览器如chrome【webkit核心】,IE9+等会拦截这些语句的执行。来源:http://stackoverflow.com/questions/6063522/jquery-beforeunloadIf you want to run a function as the page is unloading, you can use $(window).unload(), just ..

ajax问题总结

评论(15)浏览(315)分类:JavaScript/Ajax开发技巧
ajax问题总结在看文章前,先指定一个变量xhr,xhr代表ajax对象。测试浏览器:ie为ie6,firefox为2,其他的未测试。统称ie6为ie,firefox2为ff。基本的============================================1,最经典的就是ie下的缓存问题了。如果使用的是get,那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数,使url变为唯一,这样就不..

ajax+asp.net+mssql无刷新聊天室

评论(22)浏览(1842)分类:JavaScript/Ajax开发技巧
ajax+asp.net+mssql无刷新聊天室ajax+asp.net+mssql实现的ajax无刷新聊天室,支持html web编辑器。为了加快速度,使用了存储过程。asp及php版本请看下面的文章ajax+asp+mssql无刷新聊天室ajax+php+mssql无刷新聊天室此例子也可以作为mssql存储过程使用的示例,如php调用mssql的存储过程,php获取mssql数据库的输出参数。要使用不同的动态页面,只需要更改lib.js文件中RequstUrl..

jqgrid自适应列宽度

评论(0)浏览(2908)分类:JavaScript/Ajax开发技巧
jqgrid自适应列宽度  目的:自动显示完jqgrid中每一列的内容,而不是隐藏起来。没找到jqgrid提供的自适应列宽度的方法,只好参考了下jqgrid最终生成的DOM结构,直接用jquery操作DOM结构实现自适应列宽度功能。  实现方法:用一个新的表格,样式继承自jqgrid的样式,用来计算数据源中每一列的实际宽度,然后设置标头和内容表格中用来控制宽度的单元格。  备注..

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

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

AJAX无刷新网站图片文件预览系统

评论(0)浏览(153)分类:JavaScript/Ajax开发技巧
AJAX无刷新网站图片文件预览系统  居于jquery框架的ajax无刷新网站图片预览系统,实现图片的预览index.html!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/xhtmlheadmeta http-equiv=content-type content=text/html;charset=utf-8 /script type=text/javascript ..

javascript不能通过表单+image对象的name获取image对象

评论(0)浏览(130)分类:JavaScript/Ajax开发技巧
javascript不能通过表单+image对象的name获取image对象  今天发现表单中存在type为image的控件时,javascript无法通过document.表单名称.image的name值来获取对象,得到的是undefined。。  解决办法就是使用document.getElementById('imageID');或者document.getElementsByName('image')[0]来获取,建议使用document.getElementById('imageID');  测试代码如下form na..

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

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

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

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

firefox Streaming AJAX实现源代码

评论(0)浏览(299)分类:JavaScript/Ajax开发技巧
firefox Streaming AJAX实现源代码  Streaming AJAX即所谓的服务器推技术使用ajax来实现,AJAX 实现服务器推与传统的 AJAX 应用不同之处在于:服务器端会阻塞请求直到有数据传递或超时才返回。客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后,再次发出请求,重新建立连接。当客户端处理接收的数据、重新建立连接时,服务器端可能有新的数据到达;这些信息会被服务..

瀑布流masonry布局API

评论(0)浏览(1348)分类:JavaScript/Ajax开发技巧
瀑布流masonry布局API  Masonry是一款很好用的jquery网页布局插件,它可以去掉不同高度div之间的空白,让你的网页看上去更加的整齐、漂亮!效果如下图所示官网插件下载地址以及详解地址:http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..

javascript删除选择的行

评论(0)浏览(126)分类:JavaScript/Ajax开发技巧
javascript删除选择的行  javascript实现删除已经选择的table行。  思路:单击表格中要删除的行,给行增加一个样式,然后点击删除按钮的时候删除那些带有删除样式的行。  源代码如下script var tb; function del() { if (confirm('确认删除?!')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].class..

javascript加密解密base64字符串

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