JS
农村的我
To the world you are the one ,but to me you are the whole world.
展开
-
JavaScript奇技淫巧45招
转载于:http://chensd.com/2015-01/45-useful-javascript-tips-tricks-and-best-practices.html本文是一篇翻译文章,原文信息如下:原文:45 Useful JavaScript Tips, Tricks and Best Practices作者:Saad MouslikiJavaScript是一个绝转载 2016-08-12 12:09:03 · 736 阅读 · 0 评论 -
JS中event详解
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接转载 2012-11-24 10:19:22 · 615 阅读 · 0 评论 -
JS中的event 对象详解
JS的event对象Event属性和方法:1. type:事件的类型,如onlick中的click;2. srcElement/target:事件源,就是发生事件的元素;3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表左键,1代表中间键,2代表右键)转载 2012-11-24 10:18:04 · 788 阅读 · 0 评论 -
jquery与js阻止事件冒泡
jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解:条件:外层有一个DIV元素,在转载 2012-12-07 09:19:54 · 3687 阅读 · 0 评论 -
setCapture方法的使用
整理了一下setCapture的用法。setCapture方法多用于容器对象,效果是对指定的对象设置鼠标捕获。所谓鼠标捕获,是指对鼠标事件( ondblclick, onmouseout)进行捕捉,使在容器内的子对象的鼠标事件均由容器对象触发,因此,只能在容器对象的鼠标事件函数中进行处理。当参数为true时,对鼠标进行捕捉,相反,不捕捉。与这个函数对应,releaseC转载 2012-12-06 13:12:02 · 4840 阅读 · 0 评论 -
2010-09-26 10:06 jq拖动(ui.draggable.packed.js,ui.core.packed.js)
http://jquery-api-zh-cn.googlecode.com/svn/trunk/jQuery%20UI/draggable.html$(document).ready(function(){$(".block").draggable({//helper: "clone", //拖动时克隆,默认是 original//axis:"x", //定义拖动方向转载 2012-12-04 17:51:13 · 1349 阅读 · 0 评论 -
JQuery Resizable详解
一天一个jQuery UI 组件,今天折腾 resizable 。resizable 是让对象拥有可调整大小的属性,类似于windows文件夹一样可以通过拖动边或者角来调整文件夹的大小。要使用resizable ,需要应用一下文件:XML/HTML代码type="text/javascript" src="js/jquery-1.3.2.min.js"> type转载 2012-12-04 14:09:42 · 7697 阅读 · 0 评论 -
什么是JS事件冒泡?(网络)
什么是JS事件冒泡?:在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 如何来阻止Jqu转载 2012-12-03 14:39:31 · 720 阅读 · 0 评论 -
JS Math
1. Math.abs(num) : 返回num的绝对值2. Math.acos(num) : 返回num的反余弦值3. Math.asin(num) : 返回num的反正弦值4. Math.atan(num) : 返回num的反正切值5. Math.atan2(y,x) : 返回y除以x的商的反正切值6. Math.ceil(num) : 返回大于num的最小整数7. M转载 2012-11-20 08:52:05 · 976 阅读 · 0 评论 -
JQ之 offset 和 position 的用法与区别
offset:获取元素相对于文档(document)的当前坐标注意使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移。 postion : 获取元素相对父元素的偏移注意:1,使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。2,使转载 2012-11-19 09:50:53 · 3447 阅读 · 0 评论 -
26 个 jQuery使用技巧 .
The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks转载 2012-11-14 14:43:41 · 900 阅读 · 0 评论 -
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
jQuery核心中, 有一组队列控制方法, 这组方法由queue()/dequeue()/clearQueue()三个方法组成, 它对需要连续按序执行的函数的控制可以说是简明自如, 主要应用于animate ()方法, ajax以及其他要按时间顺序执行的事件中.先解释一下这组方法各自的含义.queue(name,[callback]): 当只传入一个参数时, 它返回并指向第一个匹配元素转载 2012-11-12 08:57:38 · 651 阅读 · 0 评论 -
js中条件三目运算符?:
?: 运算符是 if...else 语句的快捷方式。它通常被用作较大表达式的一部分,而在此处使用 if...else 语句是不协调的。例如:var now = new Date();var greeting = "Good" + ((now.getHours() > 17) ? " evening." : " day.");在该例子中,如果是 6pm 以后,则创建一个包含 "Goo转载 2012-11-09 09:20:23 · 16831 阅读 · 0 评论 -
浅谈 js中parseInt函数的解析
首先还是从很热门的实例parseInt("09")==0说起。parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制。比如说parseInt("010",10)就是10进制的结果:10,parseInt("010",2)就是2进制的结果:2,parseInt("010",8)就是8进制的结果:8,parseInt("010",16)就转载 2012-11-09 10:35:00 · 728 阅读 · 0 评论 -
setTimeout和setInterval的区别你真的了解吗?
setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此, 实际的情况是javascript都是以单线程的方式运行于浏览器的javascript引擎中的,转载 2012-12-07 17:30:41 · 975 阅读 · 0 评论 -
JS windows.open()详解
window.open(url, name, features, replace) Arguments - 参数 url 可选字符串参数,指向要在新窗口中显示的文档的URL。如果省略该参数,或者参数为空字符串,新窗口不会显示文档。 name 可选字符串参数,该参数可以设置新窗口的名称。 相同name的窗口只能创建一个,要想创建多个窗口则name不能相同。 fe转载 2012-12-08 17:32:40 · 31062 阅读 · 0 评论 -
《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记
原文转载于:http://blog.csdn.net/testcs_dn/article/details/50696188最近想尝试一下英特尔的基于WebRTC协同通信开发套件,所以需要在本地搭建Node.js Web的开发测试环境。这里讲的是CentOS 下的搭建方法,使用Windows的小伙伴请参考:《Node.js入门》Windows 7下Node.js Web开转载 2016-05-03 17:22:56 · 1063 阅读 · 0 评论 -
8个超实用的jQuery技巧攻略
摘要:jQuery是JavaScript最好的库之一,主要用于制作动画、事件处理,支持Ajax及HTML脚本客户端。文中分享了8个超实用的jQuery代码技巧攻略,希望你会喜欢。本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一,主要用于制作动画、事件处理,支持Ajax及HTML 脚本客户端。此外,jQuery还拥有各种插件,以帮助开发者在转载 2014-03-03 16:50:23 · 917 阅读 · 0 评论 -
20个超实用的JavaScript技巧及最佳实践
众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序(如PhoneGap或Appcelerator),它还有一些服务端实现,比如NodeJS、Wakanda以及其它实现。此外,许多开发者都会把JavaScript选为入门语言,使用它来做一些弹出窗口等小东西。在这篇文章中,作者将会向大家分享JavaScript开发的小转载 2013-12-27 13:43:46 · 860 阅读 · 0 评论 -
[转载]jquery ui(二)draggable,droppable 学习总结
原文地址:ui(二)draggable,droppable 学习总结" style="text-decoration:initial; color:rgb(79,114,0)">jquery ui(二)draggable,droppable 学习总结作者:kerwin刚接触的时候,分不清draggable和droppable的区别,瞎弄了一会,其实很简单,draggable就是“拖”的转载 2013-03-15 08:45:55 · 6896 阅读 · 0 评论 -
js鼠标滑轮滚动事件绑定(兼容主流浏览器)
/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) { var delta = 0; if (!event) /* For IE. */ e转载 2013-03-09 09:01:27 · 2880 阅读 · 0 评论 -
js为数字添加千位分隔符“,”
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://332374363.blog.51cto.com/5262696/930830function formatNumber(num){ if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){ return num; } var a = RegE转载 2013-02-22 10:55:37 · 6957 阅读 · 0 评论 -
jq trigger
年前一个项目做下来,全程js 交互写了我半辈子的js代码,重构了N便~~ 不过做项目这东西很锻炼人,强迫你去接触一些没有接触过的东西,收获还是蛮大的。其中收获最大的还是对jQuery 的全新认识了,之前接触jquery一直都是表现类的,如show,hide,hover,等方法,这次项目,接触了许多事件类代码。cdtrigger() 触发事件这个方法是jQuery 1.3中新增的一个引起触发事件转载 2013-01-15 09:07:47 · 4112 阅读 · 0 评论 -
关于JQ中的trigger和triggerHandler
来看下trigger和triggerhandler的区别: triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作,也不会产生事件冒泡。triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素。与 trigger() 方法相比的不同之处 它不会引起事转载 2013-01-15 08:49:00 · 1472 阅读 · 0 评论 -
在 SVG 中添加交互性
创建响应用户输入的 SVG 文档SVG 中的交互性可以分为三个领域 -- 链接、事件和脚本。本文将依次讨论这三个领域。注意:要查看本技巧中的 SVG 文档,需要有一个 SVG 查看程序,可以在 参考资料中找到这种查看程序(还有一个包括所有相关文件的 .zip 文件)。链接最基本的交互形式是链接。在 SVG 中,通过一个 标签提供链接,这与 HTML转载 2013-01-14 08:59:46 · 1258 阅读 · 0 评论 -
js实现input:file的click事件
有过尝试的人都知道,对于input:file的样式难看的处理方法,一般都是透明化input,实际点击的还是input:file,使用js操纵? $("#File").click()?这该是大家都会想到的方法,可是,很不好意思,无法起到作用,经过一番查阅,终于找到js操作呢input:file的方法,很简单function clp(){ return $("#File").clic转载 2013-01-25 17:03:06 · 69026 阅读 · 18 评论 -
JQuery UI - draggable参数中文详细说明
·概述 在任何DOM元素启用拖动功能。通过单击鼠标并拖动对象在窗口内的任何地方移动。 官方示例地址:http://jqueryui.com/demos/draggable/ 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示被拖拽的元素的JQuery对象 ui.position - 表示相对当前对象,转载 2012-12-21 17:19:23 · 1222 阅读 · 0 评论 -
关于window.external
由于工作中有很多时候需要用到window.external,以前一直稀里糊涂的,今天又被人问到,于是突击学习了一下,记下备忘。--------------------------------------我们在js中可以通过window.external.Func()来调用浏览器提供的外部方法Func。IE的已默认实现了一些外部方法,可以参见1:某中文文章:http://ww转载 2012-12-13 17:17:24 · 1538 阅读 · 0 评论 -
JavaScript类和继承:constructor属性
本文介绍了JavaScript里面的constructor属性。这个属性是理解JavaScript类和继承的重要基础。constructor属性始终指向创建当前对象的构造函数。比如下面例子:// 等价于 var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34, 12]; console.l转载 2012-12-13 10:44:27 · 660 阅读 · 0 评论 -
js原型分析研究
原型是个很微妙的东西,很多人不是很理解,理解了原型对于研究其他js类的框架(比方Extjs)很有帮助. 下面我们开始讨论下原型,对于理解js中的原型概念十分重要。简单来说,一个原型类似其他语言中的一个类,它定义的属性且可以被此类产生的所有对象所共享。然后它又不像一个类,原型可以在运行时获得和改变。可以增加属性到原型上或者删除原型上已经存在的属性。所有的变化将立即影响由原型派生的对象。它是如转载 2012-12-12 13:52:25 · 862 阅读 · 0 评论 -
网页打开新窗口——Window.open()详解
Window.Open详解一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔)转载 2012-12-11 10:13:40 · 44117 阅读 · 0 评论 -
jq插件的编写方法(自定义jq插件)
jq插件用起来很方便,给客户端的编程带来很大的好处,节省大量的开发时间我用Jq也有好长时间了,今天在一个项目中用一个插件的时候,忽然感觉这个插件有一个bug这让我心生了自己写一个jq插件的想法下面是一个例子:jQuery(以下简称JQ)是一个功能强大而又小巧的JS框架,现在很多网站都在使用JQ,本站也不例外。本文教大家如何写一个属于你自己的JQ插件。本JQ插转载 2012-12-10 16:09:13 · 19025 阅读 · 3 评论 -
js.offsetParent属性
参考:offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时(译转载 2012-11-09 09:40:59 · 736 阅读 · 0 评论 -
js offsetHeight offsetWidth 解说
scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度of转载 2012-11-09 08:52:24 · 859 阅读 · 0 评论 -
JS try.....catch的使用
try { throw new Error(10,"asdasdasd") } catch (e) { alert(e.message); alert(e.description) alert(e.number) alert(e.name) throw new Error(10,"asdasdasd") } 在JavaScript可以转载 2012-11-09 13:44:28 · 705 阅读 · 0 评论 -
如何使用CSS达到段落开头空格的目的
方法1:使用空格,快捷键Shift+Ctrl+空格,代码&n。但是这种方法会产生大量重复的代码。 方法2:使用段落缩进,代码如下:p {text-indent: 2em;} 表示所有的段落缩进2个字体的长度。转载 2012-09-21 15:28:45 · 1898 阅读 · 0 评论 -
display:inline block inline-block 的区别
display:block就是将元素显示为块级元素.block元素的特点是:总是在新行上开始;高度,行高以及顶和底边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度, , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素.inline元素的特点是:和其他元素都在一行上;高,行高及顶和底边距不可改变;宽度就是它的文字或图片的宽转载 2012-09-21 09:45:20 · 646 阅读 · 0 评论 -
Js DOM 基本
Dom最基本最常用的属性和方法:属性:1,Attributes 存储节点的属性列表(只读)2,childNodes 存储节点的子节点列表(只读)3,documentElement 返回文档的根元素(可读写)4,firstChild 返回当前节点的第一个子节点(只读)5,lastChild 返回当前节点最后一个子节点(只读)6,nextSibling 返回当前节点的下一个兄转载 2012-09-21 09:20:30 · 672 阅读 · 0 评论 -
用 Function.apply() 的参数数组化来提高 JavaScript程序性能
我们再来聊聊Function.apply() 在提升程序性能方面的技巧。我们先从 Math.max() 函数说起, Math.max后面可以接任意个参数,最后返回所有参数中的最大值。比如alert(Math.max(5,8)) //8alert(Math.max(5,7,9,3,1,6)) //9但是在很多情况下,我们需要找出数组中最大的元素。var a转载 2012-09-20 16:09:08 · 2345 阅读 · 0 评论 -
引爆你的Javascript代码进化
原文转自:http://www.hicss.net/evolve-your-javascript-code/方才在程序里看到一段JS代码,写法极为高明,私心想着若是其按照规范来写,定可培养对这门语言的理解,对JS编程能力提高必是极好的。说人话:丫代码写的太乱,看的窝火!最近闲暇无事,准备对自己JS学习做一个总结。众所周知,JS是一种语法极其灵活的语言,一千个人会有一千种JS书写方式。这造成转载 2012-09-19 17:31:11 · 1183 阅读 · 0 评论