摘要：搜到了wiki上的一篇文章——<List of performance analysis tools>，链接地址：http://en.wikipedia.org/wiki/List_of_performance_analysis_tools 这篇wiki写的是相当的全面，建议有兴趣的看看~~对于在性能调优这一领域的尝试有一个小小的尝试吧~~
阅读全文
随笔分类 - javascript
摘要：首先讲解一下js中preventDefault和stopPropagation两个方法的区别： preventDefault方法的起什么作用呢？我们知道比如<a href="http://www.baidu.com/">百度</a>,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com/,这是属于<a>标签的默认行为，而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。看一段代码大家就明白了： <!DOCTYPE html PUBLIC "-//W3C
阅读全文
摘要：一、juqery二、extjs三、prototype四、ezj 国产的一个js框架 http://www.getezj.com/demo/五、DragBinder 是一款拖拽绑定程序，它的功能非常的强大。它可以实现自由拖拽、特定范围内拖拽、特定步长拖拽。所以我们用它只花了几句代码就实现了滑块条、窗体大小改变等各种丰富特效的 Web 控件。http://www.cftea.com/products/DragBinder/demo.htm 来源：千一网络六、ScrollBinder v1.0.2 http://www.cftea.com/products/webComponents/ScrollB
阅读全文
摘要：function Point(iX, iY){ this.x = iX; this.y = iY; } function fGetXY(aTag){ var oTmp=aTag; var pt = new Point(0,0); do { pt.x += oTmp.offsetLeft; pt.y += oTmp.offsetTop; oTmp = oTmp.offsetParent; } while(oTmp.tagName!="BODY"); return pt; } 如果想在触发事件的元素(例如文本框假如是myinput)下面弹出一个div 获取触发事件的元素 va.
阅读全文
摘要：转自：http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。 概念（不是官方，来源于网络）：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 o
阅读全文
摘要：<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js拖动div修正版</title><script type="text/javascript">var _move = false;var _x,_y;w
阅读全文
摘要：一般事件事件浏览器支持描述onClickIE3|N2|O3鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickIE4|N4|O鼠标双击事件onMouseDownIE4|N4|O鼠标上的按钮被按下了onMouseUpIE4|N4|O鼠标按下后，松开时激发的事件onMouseOverIE3|N2|O3当鼠标移动到某对象范围的上方时触发的事件onMouseMoveIE4|N4|O鼠标移动时触发的事件onMouseOutIE4|N3|O3当鼠标离开某对象范围时触发的事件onKeyPressIE4|N4|O当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]o
阅读全文
摘要：<html> <head> <title></title> <script language="javascript" type="text/javascript">function showpos() { document.all.x.value = event.clientX; document.all.y.value = event.clientY; } function Point() { this.x, this.y; this.eventpos = function() { this
阅读全文
摘要：function userAgent(){ var ua = navigator.userAgent; ua = ua.toLowerCase(); var match = /(webkit)[ \/]([\w.]+)/.exec(ua) || /(opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || !/compatible/.test(ua) && /(mozilla)(?:.*? rv:([\w.]+))?/.exec(ua)||[]; //如果需要获取浏览器版本号：mat
阅读全文
摘要：attachEvent 与addEventListener到底有什么区别呢？总结如下：一、适应的浏览器版本不同attachEvent方法适用于IE addEventListener方法适用于FF二、针对的事件不同attachEvent中的事件带on 而addEventListener中的事件不带on三、参数的个数不同attachEvent方法两个参数：第一个参数为事件名称，第二个参数为接收事件处理的函数； addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 "click"）；第二个参数表示要接收事件处理的函数；第三个参数是一个bool值，一
阅读全文
摘要：1、弹出窗口没有最大最小化，没有滚动条，限制宽和高this.Response.Write("<script language=javascript>window.open('d.htm','newwindow','height=100px,width=600px,status=no,toolbar=no, menubar=no,location=no,scrollbars=no,resizeable=no,top=300,left=200')</script>");2、关闭Response.Write(
阅读全文
摘要：实现效果:主窗体弹出子窗体,子窗体始终都在最前,如果其不关闭,那么主窗体上的任何控件都无法获得焦点.在主窗口.aspx.cs文件里实现Page.ClientScript.RegisterStartupScript(this.GetType(), "", " <script language='javascript'>window.showModalDialog('bb.aspx',window,'dialogheight:530px; dialogwidth:800px;center:yes; menubar:n
阅读全文
摘要：一、基本概念1，自定义对象。 根据JS的对象扩展机制，用户可以自定义JS对象。与自定义对象相对应的是JS标准对象，例如Date、Array、Math等等。2，原型（prototype） 在JS中，这是一种创建对象属性和方法的方式，通过prototype可以为对象添加新的属性和方法。通过prototype我们可以为JS标准对象添加新的属性和方法，例如对于String对象，我们可以为其添加一个新的方法trim（）。我们可以在运行期间为JS对象动态添加新的属性。 二、语法规则 1、对象创建方式 1）对象初始化器方式 格式：objectName = {property1:value1, proper.
阅读全文
摘要：解决思路 这个效果并不算常见，通常用于游戏或个人站点中。因为拖曳是靠鼠标来操作的，所以对鼠标的位置的捕获是问题的重点，然后才是根据鼠标的位置设置层的位置。 具体步骤： 1.在对象(层)上按下鼠标时，先捕获到需要拖曳的对象，然后获取或设置该对象的相关属性。obj=event.srcElement obj.setCapture() z=obj.style.zIndex obj.style.zIndex=100 x=event.offsetX y=event.offsetY down=true 2.开始拖曳时，捕获鼠标当前位置，并根据该数值设置被拖曳对象的位置。 obj.style.posLeft.
阅读全文
摘要：1. JSLint－一个JavaScript程序，用来查找JavaScript程序中的问题。 2. Firebug－一款Firefox开发类插件，集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。主要能用来查看和修改HTML、CSS调试、网络状况监视、Javascript调试。 3. Firebug Lite－一个JavaScript文件，能用来插入到你的页面模拟Firebug控制台，专门用在非FireFox浏览器上测试web页面。 4. LiveHTTPHeaders－一款Firefox插件，用来捕捉..
阅读全文
摘要：JavaScript入门易，可深究起来，竟搞得我如此混乱，这恐怕就是弱类型语言的特点吧？写惯了C++，还真是不适应。近日在google上搜来搜去，学习了半天function、this和prototype，这就总结一下，但愿能把它们理清楚。这是第一篇，关于JavaScript中的function。参考了一些文章，我认为JavaScript中的function可以有以下两种用法：一是做“普通逻辑代码容器”，也就是我们通常意义上的函数、方法，和我们C/C++里的函数没什么大分别，只是写法稍有不同、用法更加灵活；二是做对象，有的地方叫它函数对象，其用法和作用有点类似C++里的class（类）。下面来.
阅读全文
摘要：参考：http://bokee.shinylife.net/blog/article.asp?id=455http://dev.csdn.net/article/84222.shtmhttp://www.cnblogs.com/goody9807/archive/2007/04/16/715109.html一、基本使用方法 prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。简而言之，prototype就是“一个给类的对象添加方法的方法”，使用prototype属性，可以给类动态地添加方法，以便在JavaScript中实现“继承”的效果。 具体来说，proto..
阅读全文
摘要：JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用.
阅读全文
摘要：this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， function test(){ this.x = 1; }随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。请看下面这段代码，它的运行结果是1。 function test(){ this.x = 1; alert(this.x); } test()...
阅读全文
摘要：内容导读：有了 With 语句，在存取对象属性和方法时就不用重复指定参考对象，在 With 语句块中，凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关。With 语句的语法格式如下所示： With Object { Statements } 对象指明了当语句组中对象缺省时的参考对象，这里我们用较为熟悉的 Document 对象对 With 语句举例。例如 当使用与 Document 对象有关的 write( )或 writeln( )方法时，往往使用如下形式： document.writeln(”Hello!“) 如果需要显示大量数据时，就会多次使用同样的 docume
阅读全文
