人生,即使在最困难的时期,也不能放弃学习, 不能与时代脱节 ---- 勉励处于困难时期的自己.
分类: Javascript预览模式: 普通 | 列表

javascript异步处理与Jquery的deferred对象总结

这是项目组老大整理的一些关于jquery 异步处理请求,以及使用 jquery deferred 对象的一些常见方法。虽然是项目上总结出来的。但也比较通用,分享在这里。

所有的Ajax操作都采用异步处理。

采用Jquery的Deffered对象来处理异步调用。

因为是异步调用,所以$.Ajax函数的返回值不代表返回的结果,只是一个Deffered对象。

Ajax调用完成后执行的逻辑可以写成函数作为参数传递给Deffered对象的done(), fail(), always()函数来执行。

查看更多...

Tags: javascript jquery deferred

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 450

ie下用脚本提交表单后,不能自动提示的问题

经常我们用表单提交东西,在提交后,浏览器会自动记录你输入的东西,下次你再输入的时候,可以重新选择,但是如果你是用IE的话,这里有一个BUG, 其他浏览器没有这个问题。当然首先你得设置IE 浏览器选项是可以记录表单数据的,然后写一段代码来测试。

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 440

css样式height:auto 在各浏览器下的兼容实现.

在用流式布局时,内容会随着浏览器的大小而自动布局,伸缩,换行等。通常是在DIV 中来实现的。但我遇到的问题是在 dl dt  中来实现的。其实都差不多。当dt中的内容很多时,自动换行,然后dt 的高度自动增加。当然div 也是同样的道理。设置CSS 样式: height:auto ,结果发现,在chrome,firefox,safra下根本不生效,唯独在IE 下是可以的。

查看更多...

Tags: css 自动高度

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 438

input file 样式设置,设置成button样式

对于页面开发者来说,有两个html element 的CSS 都使人伤心欲绝,一个是select 下拉框,另外一个是 input  type="file" ,这两个的样式太另类了,而且不同的浏览器样子还很不一样。对于做前段的的页面仔来说,这是一个挑战,我在做项目的过程中,同样遇到了这个问题,后来搜索前人留下来的资料,还是搞定了。

查看更多...

Tags: input file

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 555

jquery 多个属性选择

在用 JQUERY 选择器的时候,有时候需要对同一个HTML 标签 进行几个属性的判断,就如同我们自己写其他程序,经常用到的 and .or 一样来判断,在 jquery 中,一样可以实现.比如有如下例子

查看更多...

Tags: jquery select

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 499

jquery UI  autocomplete 在获取焦点得到显示列表

在做项目的时候,客户有这样的需求,将以前输入过的内容,在某个文本框上用列表的形式提示出来,可以选择,换言之,就如同我们用谷歌搜索,或者百度搜索一样,输入一些关键词,会自动提示,这个功能就叫autocomplete. 当然在 jquery  UI  下有 插件,具体下载的地方,搜索就知道了。重点是,我现在的用法,是需要在文本框获取焦点的时候,就弹出待选择的列表。而传统的是必须在输入文字之后才出现

查看更多...

Tags: jquery autocomplete

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1428

javascript 内置对象 math,global

学习要点:
1.Global对象
2.Math对象

ECMA-262对内置对象的定义是:“由ECMAScript实现提供的、不依赖宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了。”意思就是说,开发人员不必显示地实例化内置对象;因为它们已经实例化了。ECMA-262只定义了两个内置对象:Global和Math。

查看更多...

Tags: javascript function

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 333

javascript 基本包装类型

学习要点:
1.基本包装类型概述
2.Boolean类型
3.Number类型
4.String类型

为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型:Boolean、Number和String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据。

查看更多...

Tags: javascript function

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 335

javascript 变量作用域以及内存

学习要点:
1.变量及作用域
2.内存问题
JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变。

查看更多...

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 300

javascript function 使用注意事项

在ECMAScript中,Function(函数)类型实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。
学习要点:
1.函数的声明方式
2.作为值的函数
3.函数的内部属性
4.函数属性和方法

查看更多...

Tags: javascript function

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 273

jquery Ajax请求 的几种方式总结

用原生的javascript开发ajax有着许多重复的代码,当然你也可以封装成可以复用的js代码,但却不一定那么通用。但jquery  提供的几种AJAX请求的几种方式,从简单到复杂,有更多的选择空间,下面总结几种在项目中常用的jquery ajax请求的方式,由于AJAX 与语言不相关,所以省略后台语言部分,重点放在前端。

1. 用jquery 的 load() 方法实现ajax请求
2. 用jquery 的 post() ,get() 方法
3. 用jquery 的 Ajax() 方法,这个最强悍.

查看更多...

Tags: jquery

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1349

基于jquery的tab选项卡的实现(tab页,附源码)

jquery这款杀手级别的js框架,显然已成了开发界的标准js库,在开发一般web应用的时候,常常用到。今天找到一个实现jquery tab页的插件,效果还不错,比自己用javascript和css去实现一个tab页好多了。用 tab 页美化界面,对于用户体验来说是显而易见,让各种不同类型的数据分布在不同的tab页中。很直观,也避免了很多数据现在在一个界面中,显得很臃肿,看上去就怕。这一款基于jquery 的tab 页插件名字叫:billy.carousel

查看更多...

Tags: jquery

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 720
iphone 的出现,打破了人们的用户体验,这一用户体验也延伸到了网页设计上。最近看到很多blog的评论都用类似iphone滑动解锁的方式实现。只有滑动解锁之后才能评论,或者做其他的事情。这个功能的实现,其实并不麻烦,关键是要有好的美工,做出好的滑动图片,然后javascript配合CSS就可以完成,我在这里也简单实现了一个,基本功能如下
1. 打开页面时隐藏评论框,你可以做成disable形式,下载源码后可以修改。
2. 滑动解锁图片,显示评论框,你可以做成让textarea字段enable方式。
3. 采用原生javascript实现,兼容ie,firefox,chrome,safari.

查看更多...

Tags: javascript

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 758
作为半道出家的网页前段攻城师,对页面元素在提交前进行检验,这是家常便饭的事。当然我们可以选择成熟的js 框架,比如jquery就有这样的插件,但对于普通的验证,没必要用这些插件来解决,自己写一个出来,也是很容易的事。js前端验证主要包括:
1.是否允许为空
2.中文字符验证
3.数字验证,整数验证,浮点数验证
4.日期格式验证

查看更多...

Tags: JS

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 419

jquery 动态改变css样式

jquery 几乎成了现在开发WEB应用的标准JS库,这与其简单性和易用性是分不开的。作为一个后端开发人员,要做一些前端页面时,CSS 样式的控制是少不了需要掌握的。如果是静态的CSS,当然是可以直接写上去的,但有些界面是需要一些动态效果的,比如颜色变化,字体大小变化,甚至DIV 的隐藏于现实等,这些都需要用javascript 动态控制其CSS样式,下面就常用的jquery 控制 css 样式的方法做一个小结.
1. 改变超级链接的样式
2. 给指定的html元素 给一个指定的CSS 样式
3. 查看元素的css样式
4. 隐藏与显示div或指定的其他html元素

查看更多...

Tags: jquery

分类:Javascript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2425