JavaScript网页设计300例

300个javascript 综合实例子, 右键查看源代码. 基本上该有的都有了.

语句

JavaScript程序是由若干语句组成的，语句是编写程序的指令。JavaScript提供了完整的基本编程语句，它们是：
赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句（if..else，if…else if…）。

函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：
1）函数由关键字function定义（也可由Function构造函数构造）。
2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用。
3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名。
4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数。
5）return语句用于返回表达式的值。
6）yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。
一般的函数都是以下格式：
function myFunction(params){
//执行的语句
}
函数表达式：
var myFunction=function(params){
//执行的语句
}
var myFunction = function(){
//执行的语句
}
myFunction();//调用函数
匿名函数，它常作为参数在其他函数间传递：
window.addEventListener('load',function(){
//执行的语句
},false);

对象

内置对象

JavaScript 字符串(String)对象

字符串是 JavaScript 的一种基本的数据类型。需要注意的是，JavaScript 的字符串不可变（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。
　　String 对象的 length 属性声明了该字符串中的字符数。
　　String 类定义了大量操作字符串的方法，一般分为这样几类：查找子字符串、截取，分割和拼接字符串、匹配正则表达式、改变字符串样式等。
　　JavaScript Date（日期）对象
　　Date 对象用于处理日期和时间，Date 对象会自动把当前日期和时间保存为其初始值。
　　Date 对象的大部分方法是以下几类：
　　getXXX：获取 年、月、日、时、分、秒、等等。
　　setXXX：设置 年、月、日、时、分、秒、等等。
　　toXXXString：转成一定格式的字符串。

JavaScript Array（数组）对象

数组对象的作用是：使用单独的变量名来存储一系列的值。
　　数组的常用属性是：length，代表了这个数组中元素的个数。
　　数组的常用方法分这么几类：排序、添加和删除元素、拼接另一个数组、转成字符串。其中添加元素和移除元素的几个方法还有模拟堆栈或队列这些数据结构的作用。
　　JavaScript Boolean（逻辑）对象
　　Boolean（逻辑）对象用于将非逻辑值转换为逻辑值（true 或者 false）。
　　在 JavaScript 中，布尔值是一种基本的数据类型。Boolean 对象是一个将布尔值打包的布尔对象。Boolean 对象主要用于提供将布尔值转换成字符串的 toString() 方法。当调用 toString() 方法将布尔值转换成字符串时（通常是由 JavaScript 隐式地调用），JavaScript 会内在地将这个布尔值转换成一个临时的 Boolean 对象，然后调用这个对象的 toString() 方法。

JavaScript Math（算数）对象

Math（算数）对象的作用是：执行常见的算数任务。
　　Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。（相当于静态类和静态方法）
　　Math 对象的常用属性都是数学相关的常量属性，如圆周率π、2的平方根，算数常量e（自然对数的底数，约等于2.718）。
　　Math 对象中最常用的方法有这样一些：向上（向下）取整、四舍五入取整、随机数、返回2个数中的大数或小数。

JavaScript RegExp 对象

什么是 RegExp？
　　RegExp 是正则表达式的缩写。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置，以及要检索的字符类型，等等。
　　这个知识点，相对还是比较繁杂的，想熟练掌握是需要花费一些功夫的，具体请看 JS 手册。

JavaScript Global 对象

这是一个固有对象，目的是把所有全局方法集中在一个对象中。Global 对象不能用 new 运算符创建。它在 Scripting 引擎被初始化时创建，并立即使其方法和属性可用。
　　属性：Infinity 属性 | NaN 属性
　　方法：escape 方法 | eval 方法 | isFinite 方法 | isNaN 方法 | parseFloat 方法 | parseInt 方法 | unescape 方法