1.JS 对象简介
JavaScript 是面向对象的编程语言 (OOP)。 OOP 语言使我们有能力自定义对象和变量类型。 属性 属性指与对象有关的值。 在下面的例子中，我们使用字符串对象的长度属性来计算字符串中的字符数目。 2.JS 字符串
String 对象
String 对象用于处理文本（字符串）。
创建 String 对象的语法：
new String(s); String(s);
参数
参数 s 是要存储在 String 对象中或转换成原始字符串的值。
返回值
当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串 s 或 s 的字符串表示。
当不用 new 运算符调用 String() 时，它只把 s 转换成原始的字符串，并返回转换后的值。
String 对象属性
FF: Firefox, IE: Internet Explorer
| 属性 | 描述 | FF | IE |
|---|---|---|---|
| constructor | 对创建该对象的函数的引用 | 1 | 4 |
| length | 字符串的长度 | 1 | 3 |
| prototype | 允许您向对象添加属性和方法 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| anchor() | 创建 HTML 锚。 | 1 | 3 |
| big() | 用大号字体显示字符串。 | 1 | 3 |
| blink() | 显示闪动字符串。 | 1 | |
| bold() | 使用粗体显示字符串。 | 1 | 3 |
| charAt() | 返回在指定位置的字符。 | 1 | 3 |
| charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 | 1 | 4 |
| concat() | 连接字符串。 | 1 | 4 |
| fixed() | 以打字机文本显示字符串。 | 1 | 3 |
| fontcolor() | 使用指定的颜色来显示字符串。 | 1 | 3 |
| fontsize() | 使用指定的尺寸来显示字符串。 | 1 | 3 |
| fromCharCode() | 从字符编码创建一个字符串。 | 1 | 4 |
| indexOf() | 检索字符串。 | 1 | 3 |
| italics() | 使用斜体显示字符串。 | 1 | 3 |
| lastIndexOf() | 从后向前搜索字符串。 | 1 | 3 |
| link() | 将字符串显示为链接。 | 1 | 3 |
| localeCompare() | 用本地特定的顺序来比较两个字符串。 | 1 | 4 |
| match() | 找到一个或多个正在表达式的匹配。 | 1 | 4 |
| replace() | 替换与正则表达式匹配的子串。 | 1 | 4 |
| search() | 检索与正则表达式相匹配的值。 | 1 | 4 |
| slice() | 提取字符串的片断，并在新的字符串中返回被提取的部分。 | 1 | 4 |
| small() | 使用小字号来显示字符串。 | 1 | 3 |
| split() | 把字符串分割为字符串数组。 | 1 | 4 |
| strike() | 使用删除线来显示字符串。 | 1 | 3 |
| sub() | 把字符串显示为下标。 | 1 | 3 |
| substr() | 从起始索引号提取字符串中指定数目的字符。 | 1 | 4 |
| substring() | 提取字符串中两个指定的索引号之间的字符。 | 1 | 3 |
| sup() | 把字符串显示为上标。 | 1 | 3 |
| toLocaleLowerCase() | 把字符串转换为小写。 | - | - |
| toLocaleUpperCase() | 把字符串转换为大写。 | - | - |
| toLowerCase() | 把字符串转换为小写。 | 1 | 3 |
| toUpperCase() | 把字符串转换为大写。 | 1 | 3 |
| toSource() | 代表对象的源代码。 | 1 | - |
| toString() | 返回字符串。 | - | - |
| valueOf() | 返回某个字符串对象的原始值。 | 1 | 4 |
3. JS 日期
Date 对象
Date 对象用于处理日期和时间。
创建 Date 对象的语法：
var myDate=new Date()
注释：Date 对象会自动把当前日期和时间保存为其初始值。
Date 对象属性
FF: Firefox, IE: Internet Explorer
| 属性 | 描述 | FF | IE |
|---|---|---|---|
| constructor | 返回对创建此对象的 Date 函数的引用。 | 1 | 4 |
| prototype | 使您有能力向对象添加属性和方法。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| Date() | 返回当日的日期和时间。 | 1 | 3 |
| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 | 1 | 3 |
| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 | 1 | 3 |
| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 | 1 | 3 |
| getFullYear() | 从 Date 对象以四位数字返回年份。 | 1 | 4 |
| getYear() | 请使用 getFullYear() 方法代替。 | 1 | 3 |
| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 | 1 | 3 |
| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 | 1 | 3 |
| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 | 1 | 3 |
| getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 | 1 | 4 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 | 1 | 3 |
| getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 | 1 | 3 |
| getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 | 1 | 4 |
| getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 | 1 | 4 |
| getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11)。 | 1 | 4 |
| getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份。 | 1 | 4 |
| getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23)。 | 1 | 4 |
| getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 | 1 | 4 |
| getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 | 1 | 4 |
| getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 | 1 | 4 |
| parse() | 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 | 1 | 3 |
| setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 | 1 | 3 |
| setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 | 1 | 3 |
| setFullYear() | 设置 Date 对象中的年份（四位数字）。 | 1 | 4 |
| setYear() | 请使用 setFullYear() 方法代替。 | 1 | 3 |
| setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 | 1 | 3 |
| setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 | 1 | 3 |
| setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 | 1 | 3 |
| setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 | 1 | 4 |
| setTime() | 以毫秒设置 Date 对象。 | 1 | 3 |
| setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 | 1 | 4 |
| setUTCMonth() | 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 | 1 | 4 |
| setUTCFullYear() | 根据世界时设置 Date 对象中的年份（四位数字）。 | 1 | 4 |
| setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 | 1 | 4 |
| setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 | 1 | 4 |
| setUTCSeconds() | 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 | 1 | 4 |
| setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 | 1 | 4 |
| toSource() | 返回该对象的源代码。 | 1 | - |
| toString() | 把 Date 对象转换为字符串。 | 1 | 4 |
| toTimeString() | 把 Date 对象的时间部分转换为字符串。 | 1 | 4 |
| toDateString() | 把 Date 对象的日期部分转换为字符串。 | 1 | 4 |
| toGMTString() | 请使用 toUTCString() 方法代替。 | 1 | 3 |
| toUTCString() | 根据世界时，把 Date 对象转换为字符串。 | 1 | 4 |
| toLocaleString() | 根据本地时间格式，把 Date 对象转换为字符串。 | 1 | 3 |
| toLocaleTimeString() | 根据本地时间格式，把 Date 对象的时间部分转换为字符串。 | 1 | 3 |
| toLocaleDateString() | 根据本地时间格式，把 Date 对象的日期部分转换为字符串。 | 1 | 3 |
| UTC() | 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。 | 1 | 3 |
| valueOf() | 返回 Date 对象的原始值。 | 1 | 4 |
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<div id="txt"></div>
</body>
</html>
4.JS 数组
定义数组
数组对象用来在单独的变量名中存储一系列的值。
我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象：
var myArray=new Array()
有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。
var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
也可以使用一个整数自变量来控制数组的容量：
var mycars=new Array(3)
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
var mycars=new Array("Saab","Volvo","BMW")
注意：如果你需要在数组内指定数值或者逻辑值，那么变量类型应该是数值变量或者布尔变量，而不是字符变量。
Array 对象属性
FF: Firefox, IE: Internet Explorer
| 属性 | 描述 | FF | IE |
|---|---|---|---|
| constructor | 返回对创建此对象的数组函数的引用。 | 1 | 4 |
| index | 1 | 4 | |
| input | 1 | 4 | |
| length | 设置或返回数组中元素的数目。 | 1 | 4 |
| prototype | 使您有能力向对象添加属性和方法。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| concat() | 连接两个或更多的数组，并返回结果。 | 1 | 4 |
| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 | 1 | 4 |
| pop() | 删除并返回数组的最后一个元素 | 1 | 5.5 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度。 | 1 | 5.5 |
| reverse() | 颠倒数组中元素的顺序。 | 1 | 4 |
| shift() | 删除并返回数组的第一个元素 | 1 | 5.5 |
| slice() | 从某个已有的数组返回选定的元素 | 1 | 4 |
| sort() | 对数组的元素进行排序 | 1 | 4 |
| splice() | 删除元素，并向数组添加新元素。 | 1 | 5.5 |
| toSource() | 返回该对象的源代码。 | 1 | - |
| toString() | 把数组转换为字符串，并返回结果。 | 1 | 4 |
| toLocaleString() | 把数组转换为本地数组，并返回结果。 | 1 | 4 |
| unshift() | 向数组的开头添加一个或更多元素，并返回新的长度。 | 1 | 6 |
| valueOf() | 返回数组对象的原始值 | 1 | 4 |
5.JS 逻辑
Boolean 对象
您可以将 Boolean 对象理解为一个产生逻辑值的对象包装器。
Boolean（逻辑）对象用于将非逻辑值转换为逻辑值（true 或者 false）。
使用关键词 new 来定义 Boolean 对象。下面的代码定义了一个名为 myBoolean 的逻辑对象：
var myBoolean=new Boolean()
下面的所有的代码行均会创建初始值为 false 的 Boolean 对象。
var myBoolean=new Boolean()
var myBoolean=new Boolean(0)
var myBoolean=new Boolean(null)
var myBoolean=new Boolean("")
var myBoolean=new Boolean(false)
var myBoolean=new Boolean(NaN)
下面的所有的代码行均会创初始值为 true 的 Boolean 对象：
var myBoolean=new Boolean(true)
var myBoolean=new Boolean("true")
var myBoolean=new Boolean("false")
var myBoolean=new Boolean("Richard")
Boolean 对象属性
FF: Firefox, IE: Internet Explorer
| 属性 | 描述 | FF | IE |
|---|---|---|---|
| constructor | 返回对创建此对象的 Boolean 函数的引用 | 1 | 4 |
| prototype | 使您有能力向对象添加属性和方法。 | 1 | 4
|
FF: Firefox, IE: Internet Explorer
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| toSource() | 返回该对象的源代码。 | 1 | - |
| toString() | 把逻辑值转换为字符串，并返回结果。 | 1 | 4 |
| valueOf() | 返回 Boolean 对象的原始值。 | 1 | 4 |
6.JS 算数
算数值
JavaScript 提供 8 种可被 Math 对象访问的算数值：
- 常数
- 圆周率
- 2 的平方根
- 1/2 的平方根
- 2 的自然对数
- 10 的自然对数
- 以 2 为底的 e 的对数
- 以 10 为底的 e 的对数
这是在 Javascript 中使用这些值的方法：（与上面的算数值一一对应）
- Math.E
- Math.PI
- Math.SQRT2
- Math.SQRT1_2
- Math.LN2
- Math.LN10
- Math.LOG2E
- Math.LOG10E
Math 对象属性
FF: Firefox, IE: Internet Explorer
| 属性 | 描述 | FF | IE |
|---|---|---|---|
| E | 返回算术常量 e，即自然对数的底数（约等于2.718）。 | 1 | 3 |
| LN2 | 返回 2 的自然对数（约等于0.693）。 | 1 | 3 |
| LN10 | 返回 10 的自然对数（约等于2.302）。 | 1 | 3 |
| LOG2E | 返回以 2 为底的 e 的对数（约等于 1.414）。 | 1 | 3 |
| LOG10E | 返回以 10 为底的 e 的对数（约等于0.434）。 | 1 | 3 |
| PI | 返回圆周率（约等于3.14159）。 | 1 | 3 |
| SQRT1_2 | 返回返回 2 的平方根的倒数（约等于 0.707）。 | 1 | 3 |
| SQRT2 | 返回 2 的平方根（约等于 1.414）。 | 1 | 3 |
FF: Firefox, IE: Internet Explorer
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| abs(x) | 返回数的绝对值。 | 1 | 3 |
| acos(x) | 返回数的反余弦值。 | 1 | 3 |
| asin(x) | 返回数的反正弦值。 | 1 | 3 |
| atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 | 1 | 3 |
| atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。 | 1 | 3 |
| ceil(x) | 对数进行上舍入。 | 1 | 3 |
| cos(x) | 返回数的余弦。 | 1 | 3 |
| exp(x) | 返回 e 的指数。 | 1 | 3 |
| floor(x) | 对数进行下舍入。 | 1 | 3 |
| log(x) | 返回数的自然对数（底为e）。 | 1 | 3 |
| max(x,y) | 返回 x 和 y 中的最高值。 | 1 | 3 |
| min(x,y) | 返回 x 和 y 中的最低值。 | 1 | 3 |
| pow(x,y) | 返回 x 的 y 次幂。 | 1 | 3 |
| random() | 返回 0 ~ 1 之间的随机数。 | 1 | 3 |
| round(x) | 把数四舍五入为最接近的整数。 | 1 | 3 |
| sin(x) | 返回数的正弦。 | 1 | 3 |
| sqrt(x) | 返回数的平方根。 | 1 | 3 |
| tan(x) | 返回角的正切。 | 1 | 3 |
| toSource() | 返回该对象的源代码。 | 1 | - |
| valueOf() | 返回 Math 对象的原始值。 | 1 | 4 |
7.JS RegExp
RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。
8.JS HTML DOM
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
1064
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
