JavaScript
文章平均质量分 81
cui_angel
whatever is worth doing is worth doing well
展开
-
javascript CDATA的意义
CDATA 内部的所有东西都会被解析器忽略。假如文本中包含了大量的 "CDATA 区段开始于 "":function compare(a,b){if (a {alert("a小于b");}else if (a>b) {alert("a大于b");}else {alert("a等于b");}}]]>在上面的例子中,在 CD转载 2012-06-09 15:26:14 · 487 阅读 · 0 评论 -
推荐给JavaScript开发者十款超级有用的工具
近年来,JavaScript 越来越受到重视,早已不单单只是写写网页特效的脚本语言了,如今广泛用于网站的前端交互。值得一提的是,当下 Web 开发者们追捧的 Node.js 使得JavaScript 能够在更多环境下运行,甚至是服务器端,使得这门语言再次受到大家的关注。今天,本文向JavaScript 开发者推荐十款超级有用的工具。YepNopeYepNope 是一个异步的条件加载转载 2012-06-11 18:12:14 · 636 阅读 · 0 评论 -
学习JavaScript的最佳方法
学习新的东西是件可怕的事。对我来说,掌握一项新技能最大的问题是,我不知道自己懂什么。鉴于此,定个计划,学习你感兴趣的东西应该会有用。这篇文章的主旨就是:你为学习JavaScript 制定的蓝图、路线、行动计划!你不必担心找不到最好的资源,先整理些不好的资源,再确定下一步该学什么。遵循它,一步一步来。任务0:了解什么是JavaScript在你真正开始学习JavaScript 之前,花一分钟了转载 2012-06-11 18:29:53 · 1377 阅读 · 0 评论 -
使用谷歌浏览器简单的调试网页和脚本
谷歌firebug安装:首先打开谷歌浏览器,然后进入谷歌浏览器网上应用商店。2、点击扳手样式的图标,在下拉菜单中找到工具-扩展程序。3、在谷歌浏览器应用商店中搜索 firebug,然后选择添加至Chrome。4、添加成功后,会在菜单栏上显示小昆虫的图标,如下图所示:5、下图显示的就是FireBug的控制台,我们可以从中看到页面元素,并加以原创 2012-06-18 15:46:25 · 6276 阅读 · 0 评论 -
autocomplete属性
1、定义:autocomplete属性规范表单是否启用自动完成功能。自动完成允许浏览器对字段的输入,是基于之前输入过的值。2、应用范围:autocomplete适用,以及类型的text、search、url、telephone、email、password、datepickers、range、color3、属性值:on----默认,启动自动完成off-----禁用自动完原创 2012-06-19 11:32:00 · 4559 阅读 · 1 评论 -
有关 Autocomplete的使用
AutoComplete控件就是在用户在文本框中输入前几个字母或是汉字的时候,该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。autocomplete(url or data,[options])利用这个函数可以让一个输入框或者文本域是可以自动填充的。第一个参数可以是一个远程数据的URL,也可以是本地数组。对于远程数据:当用户输入数原创 2012-06-19 11:26:12 · 13506 阅读 · 1 评论 -
50个实用的JavaScript工具
JavaScript是一个功能强大的客户端脚本语言,许多现代化的网站和Web应用程序都会使用到它。JavaScript可以增强用户的体验,并提供丰富的互动式组件和功能。虽然它的语法相当简单,但是对开发者来说还是很有难度的,因为它要运行在Web浏览器中。以下是我们为你推荐的50个相关工具:JavaScript/AJAX编辑工具jQuery UIjQuery UI是jq转载 2012-06-19 17:58:19 · 712 阅读 · 0 评论 -
有关javascript:void(0) 的用法
Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。void操作费用法格式:1、javascript:void(expression)2、javascript:void expressionexpression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。 (实现版本 Navigator原创 2012-06-19 17:56:56 · 3889 阅读 · 1 评论 -
tabindex的使用
tabIndex 的用处很简单,就是利用tab键遍历页面的表单元素和链接,按照tabindex的大小决定顺序。虽然微不足道,但细节处见真功夫,这是任何一个WEB应用应当具备的亲用力,保证用户在没有鼠标的情况下(如WAP)仍然可以正常使用。tabindex属性可以设置键盘中的Tab键在控件中的移动顺序,即焦点的顺序。把控件的tabindex属性设置成1到32767的一个值,就可以把这个控原创 2012-06-19 18:46:06 · 3402 阅读 · 0 评论 -
HTML的<object>标签
object标签用于定义一个嵌入的对象,包括:图像、音频、Java applets、ActiveX、PDF以及Flash。该标签允许您规定插入HTML文档中的对象的数据和参数,以及可用来显示和操作数据的代码。常用的功能:一、显示图片:[color=Red]type="image/jpeg" data="audi.jpeg">[/color]Picture As原创 2012-06-21 11:36:32 · 22517 阅读 · 8 评论 -
form表单中method的get和post区别
一、get和post定义form元素的method属性用来指定发送form的http方法;使用get时,form数据集被附加到form元素的action属性所指定的URL后面;使用post时,form数据集被包装在请求的body中并被发送。使用get提交方式,生成URL:user.do?loginId=abcget仅仅是拼接一个URL,然后直接向服务区请求数据,需要提交转载 2012-06-20 15:05:58 · 89065 阅读 · 1 评论 -
文本框的blur与change事件触发顺序
blur和change事件的执行顺序 看看各个浏览器中change blue submit事件他们的执行顺序转载 2012-07-06 11:37:05 · 12619 阅读 · 1 评论 -
JavaScript中toFixed()方法的用法
这个是js中Number对象自带的toFixed的方法。用于进行四舍五入的操作。例如:5.05---->toFixed(1) 5.15.056--->toFixed(2) 5.06可是,在实际使用过程中却遇到了问题。avascript代码 var money=0.00542;//0.006; alert(Number(money).toFix转载 2012-06-25 15:45:35 · 3927 阅读 · 0 评论 -
JS截取字符串
使用 substring()或者slice()函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:str=”jpg|bmp|gif|ico|png”;arr=theString.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组函数:John() 功能:使用您选择的分隔转载 2012-06-25 16:28:09 · 603 阅读 · 0 评论 -
document.body.scrollTop用法
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scro转载 2012-07-09 17:40:54 · 653 阅读 · 0 评论 -
JavaScript的执行顺序及onload的事件的一些问题
今天早上出现了一个问题,同一个function在页面最下面调用和用onload调用结果不一样,在onload中调用会报错,我的经验一直告诉我,这两种方式是一样的,可以互用,但是为什么会报错呢,百思不得其解,于是上网搜索了一些资料。开始看到网上的一篇评论,说是onload可能在js没有全部引完就会执行,开始我还真以为是这个原因,或来经过测试,和继续查资料发现onload应该是全部js加载完(转载 2012-06-29 10:02:54 · 3800 阅读 · 0 评论 -
window.event对象用法讲解
type:事件的类型,如onclick中的click;srcElement/target:事件源,就是发生事件的元素;button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,就把这些值加起来,所以3就代表左右键同时按下;(firefox中0代表左键,1代表中间键,2代表右键)clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档转载 2012-07-11 11:37:57 · 4215 阅读 · 0 评论 -
有关jQuery(function(){})与(function(){})(jQuery)
$是一个new的jquery对象,源码里是通过init来初始化的,jquery中的所有代码都是放在$()闭包里,在$()中的代码一般都是dom加载完成的后才执行,当然也可以用jquery中的一些事件做其他的事。以下大部分内容引自:http://eason26-li.iteye.com/blog/520188有关jQuery(function(){})与(function(){})(jQue原创 2012-07-12 10:08:58 · 509 阅读 · 0 评论 -
JavaScript初学者应注意的七个细节
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。(1)简化代码JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的:var car = new Object();car转载 2012-07-02 08:57:10 · 608 阅读 · 0 评论 -
如何快速成为javascript高手?
之前我拿这个问题问过我的同事,也问过国内的一些javascript高手。 最近,我一直在拿这个问题问自己。之所以会有这个问题,我基于两个前提:第一、我自认为自己不笨;第二、我学习和使用javascript也有一段时间了,并且自己学习还算努力。 思来想去,我觉得我应该先回答下这个问题:如何提高自己的学习效率? 想象一下学校的场景,有一些知识,有的人就是学得比你快。为什么?可能他本来转载 2012-07-01 21:02:06 · 826 阅读 · 0 评论 -
能说明你的Javascript技术很烂的五个原因
Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。1.你没转载 2012-07-01 21:43:55 · 565 阅读 · 0 评论 -
JQuery 样式设置、追加、移除与切换
获取与设置样式获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class,JQuery代码如下:var p_class = $("p").attr("class");//获取p元素的class 使用attr()方法来设置p元素的class,JQuery代码如下:1$("p").attr("'c转载 2012-07-12 15:26:20 · 31413 阅读 · 0 评论 -
JS:Math.random(),Math.ceil(),Math.floor()与Math.round()
Math.ceil()ceil() 方法可对一个数进行上舍入。参数必须是一个数值。返回值大于等于 x,并且与它最接近的整数。Math.floor()floor() 方法可对一个数进行下舍入。参数可以是任意数值或表达式。返回值小于等于 x,且与 x 最接近的整数。Math.round()round() 方法可把一个数字舍入为最接近的整数原创 2012-07-13 16:17:20 · 3231 阅读 · 0 评论 -
jquery显示和隐藏层的代码
toggle() 切换元素的可见状态。 如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。 --------------------------------- 示例 切换所有段落的可见状态。 HTML 代码: HelloHello Again jQuery 代码: $("p").toggle() //$("p").s转载 2012-07-12 15:50:21 · 1277 阅读 · 0 评论 -
JS 中面向对象的5种写法
http://www.iteye.com/topic/434462 //定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() Java代码 //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; C转载 2012-07-12 15:56:24 · 2009 阅读 · 0 评论 -
IE6 动态创建 iframe 无法显示的 bug
动态弹出浮层,跨域加载一个 iframe 页面,发现 IE6 下无法正常显示。见图所示:最初怀疑是 innerHTML 方式创建 iframe 节点导致的:document.getElementById('a').innerHTML = '';但这样操作实际测试 IE6 是可以正常显示 iframe 页面的。百度之,发现同类问题有,但大多都是拷贝复制,没一个靠谱的。做了几个简单转载 2012-08-02 15:49:19 · 1002 阅读 · 0 评论 -
jQuery仿淘宝图片移动
* {margin:0; padding:0;}body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; background:#f0f0f0;}.clearfix:after {content: "."; display: block; height: 0; clear: both; v原创 2012-07-18 10:50:27 · 3691 阅读 · 0 评论 -
网页页面切换的各种效果
其中,n表示的就是下面的数,n取不同的值,对应有不同的效果: 0、box in 1、box out 2、circle in 3、circle out 4、wipe up 5、wipe down 6、wipe right 7、wipe left 8、vertical blinds 9、horizontal blinds转载 2012-07-18 14:40:13 · 1168 阅读 · 0 评论 -
jQuery EasyUI中文帮助手册
http://www.phptogether.com/juidoc/转载 2012-07-19 10:01:24 · 1612 阅读 · 0 评论 -
jquery中extend和fn.extend的使用
jQuery为开发插件提供了两种方法,分别是:jQuery.fn.extend(object); jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 jQuery.extend(object)转载 2012-08-03 15:51:59 · 624 阅读 · 0 评论 -
使用jQuery的message插件实现右下角弹出消息框
有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。1.$.messager.lays(width, height);该方法主要用来定义弹出窗口的宽度和高度。 2.$.messager.anim(type,spee转载 2012-08-03 10:11:35 · 1146 阅读 · 0 评论 -
jquery.cookie使用方法
jquery.cookie是一个轻量级的cookie插件,可以读取,写入,删除cookie。jquery.cookie.js的配置: 首先包含jQuery的库文件,在后面包含jquery.cookie.js的库文件。使用方法:新添加一个会话cookie:$.cookie('the_cookie','the_value');注:当没有指明cookie有转载 2012-08-03 22:09:27 · 1186 阅读 · 0 评论 -
jquery捕捉回车键及jquery异步请求的方法
1、jquery捕捉回车键:$("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); 2.jquery获得多个选中的checkbox值:$('input[type="checkbox"][n转载 2012-08-04 14:07:28 · 5712 阅读 · 0 评论 -
setTimeout和setInterval的区别你真的了解吗?
setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质,甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此, 实际的情况是javascript都是以单线程的方式运行于浏览器的javascript引擎中的,转载 2012-07-20 17:04:56 · 5694 阅读 · 1 评论 -
setTimeOut(),setInterval的使用和区别
setTimeout("函数()",时间间隔);setInterval(“函数()”,时间间隔);这两个方法语法相同,都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就执行那段代码。二者都可以用来实现在一个固定时间段之后去执行JavaScript,不过两者各有各的应用场景。方法:setInterval在执行完一次代码之后,经过了那转载 2012-07-20 16:14:11 · 873 阅读 · 0 评论 -
一个简单的tab切换
exercise for tab *{margin:0;padding:0} .menu{width:500px;margin:20px;auto;} .menu a{display:inline-block;width:100px;height:35px;line-height:35px;text-align:center;color:#000;background:#a转载 2012-07-20 14:06:13 · 545 阅读 · 0 评论 -
IE6 png背景图片显示不正常处理
现在web设计,画面是越来越炫但是使用了透明的背景图,在IE6下,在ie78 ff等浏览器显示正常。 解决办法:body{ background-color:#CCC;}一般普通写法如下:div.bg1{ background:url(logo.png) no-repeat center;width:100px; height:100px;}特殊处理写法如下:转载 2012-08-04 12:02:18 · 3947 阅读 · 0 评论 -
前端必备:jQuery 1.7.1API手册
本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见http://api.jquery.com/browser/0、总述jQuery框架提供了很多方法,但大致上可以分为3大类:获取jQuery对象的方法、在jQuery对象间跳转的方法,以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。大致来说,是通过最核心的$()方法,将页转载 2012-07-19 17:41:53 · 1172 阅读 · 0 评论 -
document.selection 的作用:获取选中然后进行相关操作
转:http://qingfeng825.iteye.com/blog/259099 一、document.selection 介绍 document.selection 表示当前网页中的选中内容。 方法有: clear 清除选中的内容 empty 取消选中 createRange 返回 TextRange 或 ControlRa转载 2012-08-07 09:39:22 · 34868 阅读 · 7 评论 -
流行的更换图片的javascript函数集--MM_swapImage函数和MM_swapImgRestore函数
有些网页上的按钮,往往有两张不同的图片进行轮换,鼠标不动时,显示图片,鼠标移动到图片时候,显示另外一张图片.所以,就要使用下面几个javascript函数.//预先导入图片函数,往往是mouseover时候显示的图片function MM_preloadImages() { //v3.0var d=document;if(d.images){ if(!d.MM_p) d.MM_转载 2012-07-21 15:38:05 · 2866 阅读 · 0 评论