zoho - 博客园

ECMAScript 5 的严格模式

摘要： JavaScript 的设计有一些糟粕，常常带来问题。ECMAScript 作为 JavaScript 的标准化，在 5.0 版本中增加了严格模式（strict mode），试图解决 JavaScript 存在的一些问题。要使用严格模式，可以在文件开始或者函数开始加上这一句代码："use strict";如果这句代码放在文件的开始，将对后面所有的代码启用严格模式，而放在函数内部将只对该函数启用严格模式。我们来看看严格模式有那些限制。1. 变量的声明必需使用 var 关键字。例如：a = 1; // wrongvar a = 1; // right2. 如果函数调用时没有所属阅读全文

posted @ 2012-05-25 21:16 zoho 阅读(217) 评论(0) 推荐(0)

让人迷惑的 this 关键字

摘要： 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.. 阅读全文

posted @ 2012-05-10 17:40 zoho 阅读(335) 评论(0) 推荐(0)

内容载入时的转圈动画

摘要：使用 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- 阅读全文

posted @ 2012-04-15 16:23 zoho 阅读(671) 评论(0) 推荐(0)

CSS3 圆角矩形的使用

摘要：在 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 阅读全文

posted @ 2012-04-15 14:31 zoho 阅读(971) 评论(0) 推荐(0)

定时器和延时器的使用

摘要： JavaScript 的定时器函数有 setTimeout 和 setInterval 这两个。setTimeout 函数用于延迟若干时间后执行某个函数或某段代码，而 setInterval 函数用于每隔一段时间执行某个函数或某段代码。它们的参数如下：var timeoutID = window.setTimeout(func, delay[, param1, param2, ...]); // 执行某个函数var timeoutID = window.setTimeout(code, delay); // 执行某段代码var intervalID = window.setInterval(f 阅读全文

posted @ 2012-04-14 21:11 zoho 阅读(599) 评论(0) 推荐(0)

网页设计学习笔记