JavaScript基础教程:核心对象、内置方法及With语句详解

作者:纸飞机时间:2026-10-23 06:47:54浏览:633

本文系统讲解JavaScript核心内置对象。涵盖Window对象的属性与方法,Document对象的常用属性及Anchors应用,数组与自定义对象的创建方式。详细解析Math对象的数学运算方法及Date对象的时间处理函数,最后通过示例演示With语句简化代码的技巧。

JavaScript对象基础与Window对象

在JavaScript中,所有对象均已完成实例化,开发者仅能使用这些现有对象,无法直接创建继承自这些内置对象的新的子类。



Window对象作为所有其他对象的父级,构成了JavaScript运行环境的核心。


Window对象包含多个关键属性,主要包括:Name、Length、Parent、Self、Top、Status、Default Status、Opener以及Closed。


该对象提供了丰富的方法支持,常用方法包括:Item、alert、blur、close、confirm、open、focus以及showModalDialog。



Document对象拥有众多常用属性,例如:alinkcolor、Anchors、bgcolor、cookie、domain和embeds等。


此外,Document对象还包含fgcolor、layers、linkcolor、location、title、url以及vlinkcolor等属性。


Anchors属性的具体应用示例如下所示。


定义一个名为goNextAnchor的函数,接收参数where。


{

在函数内部,通过赋值语句window.location.hash = where来更新页面哈希值。


}

HTML中通过按钮触发该函数,代码为<input type="button" value="下一个" onClick="goNextAnchor('sec2')"/>。



数组与自定义对象的创建

接下来介绍数组对象的创建与使用方式。


首先定义一个名为students的构造函数,接收name和age两个参数。


{

在构造函数内部,将传入的name赋值给this.name。


同时将传入的age赋值给this.age,以完成对象属性的初始化。


}

通过new关键字实例化对象,代码为stu1 = new students("thtwin",22)。



创建数组对象时,可以使用预定义长度的方式,例如stu = new Array(5)。


为数组的第一个元素赋值,代码为stu[0] = "thtwin"。


为数组的第二个元素赋值,代码为stu[1] = "thtwinj2ee"。


........

通过访问stu.length可以获取数组的长度属性。



Math对象数学运算方法

Math对象提供了多种常用的数学计算方法。


Math.abs(arg)用于计算并返回用户设置数值的绝对值。


Math.max(arg1,arg2)用于比较两个数值,并返回其中较大的那个值。


Math.round(arg1)用于将浮点数舍入到最近的整数,规则为大于0.5时进一,否则舍弃小数位。


Math.floor(arg1)用于返回小于或等于该变量的最大整数值。


Math.ceil(arg1)用于返回大于或等于该变量的最小整数值。


Math.random()用于生成一个介于0到1之间的随机数。



Date对象时间处理

JavaScript中提供了专门处理日期的对象。


该日期对象本身没有直接暴露的属性,但可以通过调用相关方法来设置和获取时间信息。


需要注意的是,系统禁止使用1970年1月1日之前的时间数据。


实例化当前日期对象的标准写法为thisDay = new Date()。


也可以指定具体日期进行实例化,格式为thisDay = new Date(month day,year hours:minutes:seconds)。


通过thisDay.getYear()可以获取年份信息。


通过thisDay.getMonth()可以获取月份信息。


thisDay.getDate()用于返回月份中的具体日期值,该方法直接返回1至31之间的整数。


通过thisDay.getDay()可以获取星期几的信息。


thisDay.getTime()返回一个代表当前日期的整数值,例如示例中的192687456985。


通过thisDay.getHours()可以获取当前小时数。


通过thisDay.getMinutes()可以获取当前分钟数。


通过thisDay.getSecondes()可以获取当前秒数(注:原文拼写为getSecondes)。


thisDay.toLocaleString()用于返回该时间对应的本地字符串格式值。



With语句简化代码技巧

With语句在JavaScript中用于简化对象属性的访问。



其基本语法结构为With(Object)。


{

在括号内编写需要执行的statements语句块。


}

该语句的作用是,在存取对象属性和方法时,无需重复指定参考对象。在With语句块中,凡是JavaScript不识别的属性和方法,默认都归属于该语句块指定的对象。


例如,当需要频繁使用与Document对象相关的方法时。


通常使用document.writeln("Hell!")这样的形式来输出内容。


如果需要显示大量数据,代码中就会多次出现同样的document.writeln()语句。


为了提高代码简洁性,可以将所有以Document对象为参考的语句放入With语句块中。


这样做可以达到显著减少代码重复量的目的。


以下是一个具体的With语句使用示例。


代码开始于<script language="javascript">标签。


<!--

使用With(document)指定当前作用域对象为document。


{

在块内调用write("thtwin")输出内容。


继续调用write("thtwinj2ee")输出另一段内容。


尝试调用wirte("test")(注:原文拼写为wirte,可能存在笔误)。


}
//-->

最后以</script>标签结束脚本块。

作者最新文章