kopolwu的专栏

<br /><br />try {}catch (e){<br />alert(e.name + “: ” + e.message);<br />}<br />六种异常：<br />EvalError: raised when an error occurs executing code in eval()<br />RangeError: raised when a numeric variable or parameter is outside of its valid range<br />Refer

http://limu.iteye.com/blog/755628WPO(Web Performance Optimization , 网站性能优化)近年来发展迅猛,期间YAHOO做出了重要贡献,YSlow的14条军规,20条最佳实践影响深远.去年Steve出版了第二本书,Velocity大会也从2008开到了2010.各个网站越来越重视速度,也有越来越多开发者投入到WPO大业当中.

http://www.cnblogs.com/snandy/archive/2011/03/28/1997414.html先了解几个事件对象属性target: 指事件源对象，点击嵌套元素最里层的某元素，该元素就是target。IE6/7/8对应的是srcElement。currentTarget: 指添加事件handler的元素本身，如el.addEventListener

http://hqlong.com/2009/02/620.html在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快，或许我们感觉不到页面载入的不同步，但试想，如果一个需要内嵌到iframe里的页面的响应很慢，这里会出现一种什么现象呢？这时将会出现所有页面已经载入完成，但在iframe元素处，将会出现空白，直到内嵌页面完成载入时，该空白处才会显示新载入的页面。可想

http://kb.cnblogs.com/page/110782/越来越觉得国内没有教书育人的氛围，为了弄懂JS的闭包，我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释，当我看到stackoverflow上这一篇解答，我脑中就出现了一句话：就是这货没跑了！　　不才译文见下，见笑了。　　Peter Mortensen问：就像老Alber

http://kb.cnblogs.com/page/107607/      原文作者：Andy Croxall　　原文链接：Ten Oddities And Secrets About JavaScript　　翻译编辑：张鑫旭　　数据类型和定义　　1. Null是个对象　　JavaScript众多类型中有个Null类型，它有个唯一的值nu

http://www.cnblogs.com/sharpxiajun/archive/2011/12/10/2283126.htmlJavascript里的作用域到底决定了什么呢？作用域决定了那些变量能被函数所访问（注意：作用域是函数的内部属性，谈到作用域是绕不开的function），作用域也确定了this指针的指向。上篇博文里我说道，程序其实就是不断检索数据的过程，那么检索数据的效率

http://greatverve.cnblogs.com/archive/2011/12/07/jquery-code50.html本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的

http://fed.renren.com/archives/391早在公元2011年6月3日傍晚，人人网推出了一个很装B且完全无视IE浏览器的功能——拖拽上床。哦，Sorry, 是拖拽上传。本文将重点介绍实现拖拽上传的几个HTML5技术：Drag&Drop、FileReader API和FormData。　　关于这个拖拽上传，其实国外有很多网站已经有这样的应用，最早推出拖

http://www.ruanyifeng.com/blog/2011/03/url_hash.html去年9月，twitter改版。一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为　　http://twitter.com/username改版后，就变成了　　http://twitter.com/#

1、采用new关键字生成实例处理表单验证这样简单功能脚本语言显然是不需要”继承”机制的，然而如果Javascript里面都是对象，就需要有一种办法来把所有对象联系起 来。最后，Brendan Eich还是设计了”继承”。只是，他并没有引入”类”（class）的概念，因为一旦有了”类”，Javascript就是一种完整的面向对象编程语言 了，这好像有点太正式了，与设计初衷也远了，同时增加

http://liujun5563.blog.163.com/blog/static/610921712009101811508620/很多人都已经把 Javascript的用的炉火纯青了，但见到defer未必就知道他是做什么用的；很多人也都遇到过这样的问题，需要直接执行别且操作DOM对象的js 总是报找不到对象的错误，原因大家也都知道就是页面还有没有加载完毕，js的操作对象还

比如我们要写一个幻灯片。思路我们有了，先初始化，然后需要一个变换函数，可能我们还需要一些渐变的效果，所以还需要一个渐变的函数，最后我们还需要自动轮播。有了思路，我们的代码可能大概会这样： function init() { //初始化 ... pos(); } function pos () {

http://mooring.iteye.com/blog/1418587在实际的业务逻辑中,经常是与时间相关的,而前端能获得的时间有两个:客户端的时间,服务器的时间.客户端时间通过 javascript中的Date对象可以获取,如Java代码  var dt = new Date();   var tm = dt.getTime();  var

http://www.cnblogs.com/xuanhun/archive/2012/04/08/2437670.html首次面对题目所示的需求的时候，头脑中没有任何概念，于是搜索，所有的中文结果都不是很满意。所幸老外的几篇文章还是很有参考价值，虽然最终没有解决我的问题，但是我还是把这几篇文章的内容作了抽取和整理，于是有了本文。主要内容如下：1.1  浏览器检测1.2  浏览

http://blog.jobbole.com/8524/过去几年来，浏览器开发工具一直是 Web 开发者最得力的工具。它能够与Web浏览器和谐相处，允许我们在当前窗口中实时地操作DOM元素、CSS样式和JavaScript，以及获取一些其他的有用信息。以前开发者使用Firefox的一个名叫Firebug的扩展，来开发和调试他们的网站。但是最近，各个浏览器都开发了一套它们自己的

http://developer.51cto.com/art/201104/254421.htm在JavaScript中，我们可以用instanceof操作符来判断对象是否是某个类的实例，如果obj instaceof Class返回true，那么我们认为obj是Class的实例，obj要么由Class创建，要么由Class的子类创建。来自Java或其他强类型语言的开发者一定认为如果o

http://blog.youkuaiyun.com/dxx1988/article/details/6729310用过JQuery的同学们肯定知道$这个函数了，也肯定知道JQ中方法的链式调用的强大，其实链式调用只不过是一种语法招数，能让你通过重用一个初始操作来达到用少量代码表达复杂操作的目的。这种技术包含两个部分：一个创建代码HTML元素对象的工厂，以及一批对这个HTML元素执行某些操作的方法。

<br /><br />阻止向上一级冒泡：Code   ViewPrintfunction stopBubble(e) {      if ( e && e.stopPropagation ) e.stopPropagation();      else window.event.cancelBubble = true;  }  <br />阻止向下一级冒泡：<br /><p onclick=”test(this,event)”></p>Code   ViewPrintfunction test(o,evt

<br /><br />img的lowsrc是指当网速比较慢时，先加载一个小的图片，等大图加载完了再显示大图。<br />虽然现有的网速已经很快了，但是lowsrc的思想在提高用户体验上还是有很大好处，尤其是图片比较大的时候。<br />当然img的lowsrc没有出现在Web标准里面，那么如何去模拟呢？<br />主要有两种形式：<br />一、给img一个背景色或背景图片，这样也能达到类似的效果，虽然不是最理想的；<br />二、使用JS，实现上应该还是是比较容易的，以下是我的一种写法（当然不同的需求有

如何用用javascript 禁止右键,禁止复制,禁止粘贴,做站时常会用到这些代码，所以收藏了一下！1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键特效no 可用于Table2. 取消选取、防止复制 javascript技巧3. onpaste="return false" 不准粘贴技巧4. oncopy="return false;" oncut="return false;" 防止复制的javas

<br /><br />首先让我们看看哪些元素可以直接获得焦点（element..focus()）：<br />// Form : http://www.w3.org/TR/html5/editing.html#focusablea elements that have an href attributelink elements that have an href attributebutton elements that are not disabledinput elements whose type

<br /><br />在任何编辑器中，获取光标位置都是非常重要的，很多人可能认为较难，其实只要处理好浏览器的兼容，还是比较容易实现的。<br />下面我们一起来看看如何获取到 Textarea 元素中的光标位置（测试地址）。<br />首先，我们用 rangeData 对象作为数据存储，并获得焦点：var rangeData ={start:0,end:0, text:""};<br />textarea.focus();<br />对于非 IE 浏览器获取选区的起始和末尾位置其实非常容易：rangeDa

<br /><br />在实际的项目进行中，很多地方可能由于历史原因不得不去使用iframe，包括目前正火热的应用开发也是如此。<br />随之而来的就是在实际使用iframe中，会遇到iframe高度的问题，由于被嵌套的页面长度不固定而显示出来的滚动条，不仅影响美观，还会对用户操作带来不便。于是自动调整iframe的高度就成为本文的重点。<br />采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情

<br /><br />制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。<br />下面的教程总结了Javascript在网页定位方面的相关知识。<br />一、网页的绝对大小和相对大小<br />首先，要明确两个基本概念。<br />一张网页的全部面积，就是它的绝对大小。通常情况下，网页的绝对大小由内容和CSS样式表决定。<br />网页的相对大小则是指在浏览器窗口中看到的那部分网页，也就是浏览器窗口的大小，又叫做viewport（视口）。<br />下图中央的方框就代表浏览器窗口，每次只能

尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。这篇文章中，我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。1. CSS “float” 属性获取给定对象的特定 CSS 属性的基本语法是 object.style 属性，而且有连字符的属性要用骆驼命名法来代替。例如，获取一个 ID 为 “hea

<br />网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图片就需要 重新下载一下整个页面。不过，在web2.0时代，更多人愿意用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片。<br /><br />知道了一张图片的地址，需要把它在一个固定大小的html容器（可以是div等）里边显示出来，最重要的当然是需要知道这张即将显示的图片的宽和高，然后再结合容器的宽和高，按照一定的缩放比例

<br />可能有很多朋友和我有同样经历，一个网页中的正常的、“完美”的JS代码，放到另一个网页中就变得不那么完美了。这问题很奇怪，最后找到原因，是因为一个网页有标准声明，另一个没有。<br />    document.compatMode，可以用来判断当前页面采用的渲染方式。下面官方文档的说明：<br />BackCompat：标准兼容模式关闭。<br />CSS1Compat：标准兼容模式开启。<br />当document.compatMode等于BackCompat时，浏览器客户区宽度是doc

原文：《Speeding up JavaScript: Working with the DOM》作者： KeeKim Heng, Google Web Developer 在我们开发互联网富应用（RIA）时，我们经常写一些javascript脚本来修改或者增加页面元

IE6在window.onload(或模拟的domready)时执行脚本，会引发一些cache的问题:问题1. 此时JS对dom进行渲染级的变动，如设置宽高、innerHTML等，会对元素的背景图进行重新请求问题2. 此时JS对多个Image元素设置同一src，此

杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件，就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时，他对我们前端的同学特别的强调：他最深

http://www.cnblogs.com/sxwgf/archive/2011/11/14/javascript-gotchas.html写在最前面这篇英文来自codeproject，原文A Collection of JavaScript Gotchas。我看了以后颇受启发，就把他翻译过来了，呵呵，第一次翻译这么长的技术文章，有什么错误请大家指出哦。另外，译文允许转载，但

http://www.webryan.net/2012/12/something-about-window-onerror-script-error/话题背景：为了提高web开发质量，我们通常会在web前端页面里注册window.onerror事件，然后将统一的脚本错误信息发送到服务器汇总和统计，每天计算出错误排行榜，以方便我们跟踪和解决问题。window.on