摘要：
JavaScript 的设计有一些糟粕，常常带来问题。ECMAScript 作为 JavaScript 的标准化，在 5.0 版本中增加了严格模式（strict mode），试图解决 JavaScript 存在的一些问题。要使用严格模式，可以在文件开始或者函数开始加上这一句代码："use strict";如果这句代码放在文件的开始，将对后面所有的代码启用严格模式，而放在函数内部将只对该函数启用严格模式。我们来看看严格模式有那些限制。1. 变量的声明必需使用 var 关键字。例如：a = 1; // wrongvar a = 1; // right2. 如果函数调用时没有所属 阅读全文
摘要：
JavaScript 的 this 关键字非常让人迷惑。实际上，对于一个函数，如果它是某个对象的方法，在该函数内部 this 就指向这个对象，否则 this 指向 window 对象。具体情形我们在下面一一列举出来。注意 this 的指向和函数的作用域没有必然联系，例如见下面的第 4 种情形。（1）如果不在任何函数内部的话，this 指代的是 window 对象。例如：var x = 1;alert(this.x) // 1（2）如果在某个函数内部，this 指代该函数执行时所属的对象。例如：var x = 1;function a() { alert(this.x);}a(); // 1.. 阅读全文
摘要：
使用 JavaScript 中的定时器和 CSS3 中的圆角矩形，我们可以实现内容载入时的转圈动画。看下面的代码：<!DOCTYPE html><html> <head><title>内容载入时的转圈动画</title><style type="text/css">#loaddiv span { position: absolute; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border- 阅读全文
摘要：
在 CSS3 中，可以用 border-radius 属性实现圆角矩形。最简单的例子如下：width: 200px;height: 100px;border-radius: 20px;border: 1px solid;如果将 border-radius 的值设为一个正方形边长的一半，就得到一个圆形：width: 160px;height: 160px;border-radius: 80px;border: 1px solid;实际上， 圆角矩形四个角的圆弧半径可以不一样，我们可以用 border-top-left-radius，border-top-right-radius，border-b 阅读全文
摘要：
JavaScript 的定时器函数有 setTimeout 和 setInterval 这两个。setTimeout 函数用于延迟若干时间后执行某个函数或某段代码，而 setInterval 函数用于每隔一段时间执行某个函数或某段代码。它们的参数如下：var timeoutID = window.setTimeout(func, delay[, param1, param2, ...]); // 执行某个函数var timeoutID = window.setTimeout(code, delay); // 执行某段代码var intervalID = window.setInterval(f 阅读全文