查阅一些资料，主要是浏览器支持问题。type 和 language 属性都可用来指定 script 标签中的脚本的类型。language 属性在 HTML 和 XHTML 标准中受到了非议，这两个标准提倡使用 type 属性。遗憾的是，这两个属性的值是不一样的。您可能偶尔会看见 language 的值为 VBScript（对 type 而言是 text/vbscript），表示包含的脚本代码是用 Microsoft 的 Visual Basic Script 编写的。

阅读全文 >>

通过网页title来提示用户有新消息这个功能很常见，比如现在的微博，还有一些邮箱，这个功能都很常见。如何实现则个功能呢？思路是：通过ajax访问后台，若有新消息，则将网页的title替换为 提示信息 ，并与空格来回切换。例：【你有新消息】与【　　　　　】切换。提示内容弄是动态的，所以替换文字的空格数目也是算出的。这里用全角的空格。

阅读全文 >>

在做Web开发时，我们经常用到页面关闭事件onbeforeunload，可以给用户一个选择放弃关闭的机会，就比如这个博客编辑器。如果用户选择了离开，那么onunload事件自然会触发；但若用户选择了取消，又该如何检测呢？我们假定一个页面离开取消事件，叫做onunloadcancel。显然，这个事件应触发在用户按下对话框的取消按钮之后。

阅读全文 >>

有时候我们需要知道两个日期之间差了多少天，多少小时，甚至多少分钟多少秒。下面我们用JavaScript实现一个函数，用于计算两个日期的时间差，先来看看代码。使用的方法很简单，比如计算天数可以这样：GetDateDiff("2010-02-26 16:00:00", "2011-07-02 21:48:40", "day");

阅读全文 >>

JavaScript有很多地方和我们熟知的C、Java等的编程习惯不同，这些不同会产生很多让人意想不到的事情。前段时间在知乎有人发了写Javascrtip试题，觉得挺好玩的，这里跟大家分享一下。具体答案大家可以自己运行得出，为什么会得出这样的结果，我也有一些不懂的地方，怕误人子弟，所以这里就不解答这里的问题了。

阅读全文 >>

JQuery确实是个很好用的库，你可以不用考虑很多细节方面的事情。但很作为一个web前端，处理和了解浏览器差异一个重要问题。下面将介绍一些总结，先介绍没有使用js库的情况。这篇文章的目的也就是介绍浏览器差异的同时使前端的朋友们了解如果用最有效的方法去解决问题。

阅读全文 >>

最简单的莫过于使用click方法，以上的事件都是直接添加在html属性中的（内联事件）。click方法能触发使用el.onXXX/addEventListener/attachEvent添加的事件吗？既然Safari/Chrome中click不可用， 我们就用dispatchEvent来实现了。

阅读全文 >>

在Web开发时，很多时候会遇到一个问题。我在一个页面嵌入了iframe，并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢？在IE下操作IFrame内容的代码：...但是这在Firefox下无效。所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现：...

阅读全文 >>

我们会把现实中的一些事物抽象成一个Class并且把事物的属性（名词）作为Class的Property把事物的动作（动词）作为Class的methods。在面向对象的语言中（C#等）都会有一些关键字来修饰类或者属性（Private，public，protect），这些关键词描述了访问的权限。

阅读全文 >>

大部分现有的框架都提供了这部分内容，语言扩展应当是以ECMAScript为基础进行的，不应当依赖任何宿主环境，也就是说，作为一个框架的设计者，你应当保证你的语言扩展可以工作在任何宿主环境中，而不是仅仅适合浏览器环境。你必须保证把它放到WScript,SpiderMonkey Shell,Rhino Shell,Adobe ExtendScript Toolkit甚至Flash ActionScript等环境中都能正确的工作。

阅读全文 >>

很多网页在下方都会放置一个“返回顶部”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征， 改造做成了减速的滑动效果。

阅读全文 >>

真正去解释this这个东西的时候，才发现不是这么简单，花了一些时间，写了几个小demo，让我们来一探究竟。恩，以人为镜，可知得失，看来这句话是很有道理的。如果是一个全局的function，则this相当于window对象，在function里定义的各种属性或者方法可以在function外部访问到，前提是这个function需要被调用。

阅读全文 >>

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。近日在编写程序时发现调用setInterval传入的方法时，在程序间隔调用时无法获取正确的类方法。

阅读全文 >>

PHP print_r的函数很好用，可以用来打印数组、对象等的结构与数据，可惜JavaScript并没有原生提供类似的函数。不过我们可以试着自己来实现这个函数，下面提供一些方法与思路。

阅读全文 >>

Json在Web开发的用处非常广泛，作为数据传递的载体，如何解析Json返回的数据是非常常用的。下面介绍下四种解析Json的方式。countryObj 为value对象的一个属性明，value[countryObj] 为value对象的属性值 这里为一个json对象比如b，value[countryObj][cityObj]为josn对象b的属性值 它也是一个json对象。

阅读全文 >>

JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。 实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。

阅读全文 >>