jquery ajaxForm API使用文档

评论(0)浏览(417)分类:JavaScript/Ajax开发技巧
jquery ajaxForm API使用文档jquery ajaxForm下载地址: http://malsup.github.com/jquery.form.jsjquery ajaxForm API英文原文:http://www.malsup.com/jquery/form/#api  表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交。ajaxForm  增加所有需要的事件监听器,为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中,使用 ajaxFor..

Ext4更新store总记录数量

评论(0)浏览(827)分类:extjs开发技巧
Ext4更新store总记录数量  如果ext4的store对象通过loadData方法加载数据时,而不是通过load方法,那么即使配置了reader对象的totalProperty也无法正常获取总的记录数,为0。这样如果需要分页的时候就比较麻烦了,获取不到总的记录数。  注意:使用store的loadData方法加载的数据是JSON数组,不能是JSON对象。如{total:100,data:[{name:'showbo',addr:'..

如何书写高效css规则

评论(0)浏览(123)分类:HTML/CSS兼容/XML
如何书写高效css规则转自:沉寂博客 根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,来浅谈一下CSS的渲染效率,书写高效的CSSguiz。1、十六进制的颜色值对位数与大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下..

IE下的默认高度

评论(0)浏览(100)分类:JavaScript/Ajax开发技巧
IE下的默认高度  IE下默认的字体尺寸大致在 12 - 14px 之间,具体看页面上的设置,当试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层,甚至max-height也不能解决。  要解决这个问题,可以强制定义..

瀑布流masonry布局API

评论(0)浏览(1139)分类: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对象valueOf与toString方法

评论(0)浏览(119)分类:JavaScript/Ajax开发技巧
JavaScript对象valueOf与toString方法  JavaScript数据类型都拥有valueOf和toString这两个方法,null除外。  JavaScript中valueOf函数方法是返回指定对象的原始值。使用方法:object.valueOf( )object是必选项参数是任意固有JavaScript 对象。每个JavaScript固有对象的 valueOf 方法定义不同。对象返回值Array数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操..

javascript通过ip获取物理地址接口

评论(0)浏览(1699)分类:JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口  javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js,返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..

javascript删除选择的行

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

CSS3动画教程

评论(0)浏览(188)分类:HTML/CSS兼容/XML
CSS3动画教程  CSS3的属性比如 border-radius 、 box-shadow 和 text-shadow 在webkit(Safari、Chrome等)和Gecko(Firefox)等先进的浏览器中的使用开始出现增长的势头。它们(这些CSS属性)已经为用户创建更轻量的页面和更丰富的体验,而且它们可以优雅的降级。然而,这些只是CSS 3能为我们做的众多事情中的一小部分。  在本文中,我们将走的更远,看一看 变..

淘宝导航小箭头翻转效果

评论(0)浏览(391)分类:HTML/CSS兼容/XML
淘宝导航小箭头翻转效果  淘宝网站小箭头css3动画效果源代码,请使用webkit/Gecko核心浏览器运行示例查看效果!DOCTYPE htmlhtmlhead meta http-equiv=content-type content=text/html; charset=UTF-8 titlecss3 animation demo @ taobao - jsFiddle demo/title script type='text/javascript' src='http://fiddle.jshell.net//js/lib/mootools-1.2...

哪些浏览器支持css3动画

评论(0)浏览(136)分类:HTML/CSS兼容/XML
哪些浏览器支持css3动画CSS属性IEFirefoxSafariChromeOperaCSS 2D Transformno3.53.22.010.5CSS 3D Transformnono4.* (Mac)nonoCSS Transitionno3.73.22.010.5CSS Animationnono4.02.0no(数据来自http://caniuse.com/)可以看到,CSS Animation目前只有Webkit内核浏览器支持,目前只能自己玩玩;而Transition用来做渐进增强则较为合适。一个简单的例子需求:让一个div元..

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

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

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)浏览(158)分类:JavaScript/Ajax开发技巧
JavaScript代码压缩工具  为了使页面更快的完成加载,经常需要对javascript/css代码进行压缩以减小体积,这里简单列一下用过的压缩工具,同时也作为存档。UglifyJS  UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具,目前jQuery使用它来压缩,压缩效果比较好。GitHub主页:http://github.com/mishoo/UglifyJS/在线使用:http://marijnhaverbeke.nl/uglifyjs..

ajax中XML和JSON数据格式比较

评论(0)浏览(197)分类:JavaScript/Ajax开发技巧
ajax中XML和JSON数据格式比较  使用ajax时,首先要明确2点,获取返回的数据可以使用ajaxobj.responseXML或者ajaxobj.responseText的2个属性,ajax对象其他属性具体参考:ajax对象常用属性,事件,方法大小写问题1)对于XML数据,使用responseXML获取到,直接是XMLDOM对象2)对于responseText得到的内容只有一种类型,就是字符串,然后根据需要将responseText处理成其他数据..

Ext4.1动态生成checkboxgroup对象

评论(1)浏览(439)分类:extjs开发技巧
Ext4.1动态生成checkboxgroup对象  Ext4.1动态生成checkboxgroup对象的原理很简单,用ext的ajax类库发送ajax请求动态页获得items对象的字符串内容,eval生成json对象,然后再生成checkboxgroup对象,配置checkboxgroup的items对象为返回的json字符串内容即可【注意要eval生成json对象,不能直接是字符串】。  数据源data.txt内容[{boxLabel:Item1,name:name,checked:true,in..

jQuery AjaxUpload中文使用API和demo示例

评论(0)浏览(4599)分类:JavaScript/Ajax开发技巧
jQuery AjaxUpload中文使用API和demo示例原项目地址为:http://valums.com/ajax-upload/原项目Demo:http://valums.com/wp-content/uploads/ajax-upload/upload.htm一、以下为项目主页正文翻译(包括代码注释的翻译):1、AjaxUpload上传插件  浏览器迫使我们使用文件输入控件(input type=file /)做上传,然而此控件的样式是不能修改的。此外,基于表单上传在流行的Ajax应用程序面前显..

浏览器滤镜大全

评论(0)浏览(171)分类:HTML/CSS兼容/XML
浏览器滤镜大全firefox只支持透明滤镜,为兼容ie可以使用下面的css即可-moz-opacity:0.5;/*其他类型Mozilla浏览器*/opacity:0.5;/*火狐,当然上面的火狐也支持*/filter:alpha(opcatiy=50);/*ie的,注意ie下是0-100,而火狐和Mozilla是0-1*/下面的都是ie支持的反转滤镜:fliphfilter:fliphtest.htmlstyleIMG {border:2px solid black}BODY{ margin:0;background..

IE6的navigator.userAgent输出MSIE 7

评论(0)浏览(519)分类:JavaScript/Ajax开发技巧
IE6的navigator.userAgent输出MSIE 7  通过javascript判断浏览器版本时,一般是通过navigator对象的userAgent或者appVersion属性,但是在xp系统下的IE6,navigator.userAgent和navigator.appVersion尽然会是MSIE 7.0,无语了。XP系统版本为Professional 2002,打了SP3补丁。  以后判断浏览器版本最好还是不要用navigator.userAgent和navigator.appVersion,怪不得今天加载的js通..

javascript数组forEach方法

评论(0)浏览(213)分类:JavaScript/Ajax开发技巧
javascript数组forEach方法forEach 方法 (JavaScript)备注:IE9+,firefox1.5+,chrome浏览器才支持数组的forEach方法,IE8-浏览器不支持,需要扩展// 说明:Javascript Array 的 forEach 方法// 整理:http://www.CodeBit.cn// 来源:http://developer.mozilla.org if (!Array.prototype.forEach){Array.prototype.forEach = function(fun /*, thisp*/){var len = this.l..

chrome onselect方法名称

评论(0)浏览(138)分类:JavaScript/Ajax开发技巧
chrome onselect方法名称  昨天在csdn看到一个select对象触发onchange事件方法名称为onselect实现二级联动的问题,用chrome调试后发现执行自定义的onselect方法,没有实现联动,在console控制台看到了一个Uncaught TypeError: object is not a function的错误。搜狗浏览器高速模式下也无法实现联动,其他浏览器如firefox,ie没问题。  示例一scriptfunction onselec..

JavaScript核心,闭包和作用域面试题

评论(0)浏览(135)分类:JavaScript/Ajax开发技巧
JavaScript核心,闭包和作用域面试题  DmitryBaranovskiy的博客中有篇文章(http://dmitry.baranovskiy.com/post /91403200),其中有五段小代码,用来测试是否理解JavaScript的核心,闭包和作用域。大家先试着给出alert语句的输出结 果。之后再建一个测试文件,检测你的答案。一scriptif (!(a in window)) { var a = 1;}alert (a);/script二scriptvar a = 1, b = function..

javascript函数参数arguments,callee,caller

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

javascript精确到毫秒的计时器

评论(0)浏览(345)分类:JavaScript/Ajax开发技巧
javascript精确到毫秒的计时器  发一个javascript写的精确到毫秒的计时器,可以定义delay时间,最大计量单位为小时script var maxtime = 1 * 60 * 60 * 1000//一个小时,按毫秒计算,自己调整! ,tmp,delay=11 //建议delay不要小于10ms,要不执行计算和设置innerHTML耗费的事件就不止1ms了 function CountDown() { if (maxtime = 0) { hours = ..

IE未知的运行时错误

评论(0)浏览(150)分类:JavaScript/Ajax开发技巧
IE未知的运行时错误  今天犯了个低级错误,li标签嵌套li标签,设置嵌套的li标签的innerHTML时报错IE未知的运行时错误,嵌套没出错,就设置innerHTML出问题,其他浏览器如chrome,firefox都没问题,容错能力比较好,IE就不行了,╮(╯▽╰)╭,还是得注意按照标准写法,不能乱嵌套标签,要不报错了够自己找的。ulli id=li/li/ulscript type=text/javascript wi..

html5 ajax上传文件asp.net示例

评论(0)浏览(4265)分类:JavaScript/Ajax开发技巧
html5 ajax上传文件asp.net示例  在Gecko(firefox4+)和webkit(chrome)核心的浏览器中存在FormData对象,可以收集表单中的文件内容,结合ajax对象XMLHttpRequest就可以无刷新的上传文件了。FormData对象实例有一个方法叫做append,允许加入任何形式的数据(文本和文件)的对象。不过悲催的是IE9虽然支持html5,但是没有FormData对象。  测试代码html xmlns=http://www...

禁用Ext4 CheckboxModel,不允许选择

评论(0)浏览(270)分类:extjs开发技巧
禁用Ext4 CheckboxModel,不允许选择  要禁用ext4.0中的CheckboxModel,不允许用户勾选显示的checkbox,可以给CheckboxModel配置beforeselect事件,return false禁止用户选择checkbox。   var sm=Ext.create(Ext.selection.CheckboxModel,{listeners:{beforeselect:function(){return false;}}});//return false禁止选择 var grid=Ext.create('Ext.g..

html5 video标签介绍

评论(0)浏览(119)分类:HTML/CSS兼容/XML
html5 video标签介绍HTML 5 video 标签定义和用法video 标签定义视频,比如电影片段或其他视频流。实例一段简单的 HTML5 视频:video src=movie.ogg controls=controls您的浏览器不支持 video 标签。/videoHTML 4.01 与 HTML 5 之间的差异video 标签是 HTML 5 的新标签。提示和注释提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支..

HTML5事件属性

评论(0)浏览(161)分类:HTML/CSS兼容/XML
HTML5事件属性html5全局事件属性HTML4 增加了通过事件触发浏览器中行为的能力,比如当用户点击某个元素时启动一段 JavaScript。下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes表单事件 - Form Events键盘事件 - Keybord Events鼠标事件 - Mouse Events媒介事件 - Media Eventsnew:HTML 5 中..

HTML5全局属性

评论(0)浏览(134)分类:HTML/CSS兼容/XML
HTML5全局属性下面的全局属性可用于任何 HTML5 元素。HTML 5 全局属性NEW:HTML 5 中新的全局属性。属性描述accesskey规定访问元素的键盘快捷键class规定元素的类名(用于规定样式表中的类)。contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。dir规定元素中内容的文本方向。draggable规定是否允许用户拖动元素。dropzone规定当被..