JavaScript基础教程:核心对象、内置方法及With语句详解
本文系统讲解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>标签结束脚本块。
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
