JavaScript对象

最新推荐文章于 2022-08-26 17:45:51 发布

lyonte

最新推荐文章于 2022-08-26 17:45:51 发布

阅读量658

点赞数 2

分类专栏： JavaScript 文章标签： javascript html input date button string

本文链接：https://blog.csdn.net/lyonte/article/details/5849466

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript 对象

JavaScript 是面向对象的编程语言 (OOP) 。

OOP 语言使我们有能力自定义对象和变量类型。

属性

属性指与对象有关的值。

在下面的例子中，我们使用字符串对象的长度属性来计算字符串中的字符数目。

<script type="text/javascript">

var txt="Hello World!"

document.write(txt.length

)

</script>

上面的代码输出为：

方法

方法指对象可以执行的行为（或者可以完成的功能）。

在下面的例子中，我们使用字符串对象的 toUpperCase() 方法来显示大写字母文本。

<script type="text/javascript">

var str="Hello world!"

document.write(str.toUpperCase()

)

</script>

上面的代码输出为：

HELLO WORLD!

JavaScript 字符串(String) 对象

JavaScript String （字符串）对象实例

计算字符串的长度

如何使用长度属性来计算字符串的长度。

为字符串添加样式

如何为字符串添加样式。

indexOf() 方法

如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。

match() 方法

如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

如何替换字符串中的字符 - replace()

如何使用 replace() 方法在字符串中用某些字符替换另一些字符。

完整的 String 对象参考手册

请查看我们的 JavaScript String 对象参考手册，其中提供了可以与字符串对象一同使用的所有的属性和方法。

这个手册包含的关于每个属性和方法的用法的详细描述和实例。

JavaScript Date （日期）对象

JavaScript Date （日期）对象实例

返回当日的日期和时间

如何使用 Date() 方法获得当日的日期。

getTime()

使用 getTime() 计算从 1970 年到今天有多少年。

setFullYear()

如何使用 setFullYear() 得到精确的日期。

toUTCString()

如何使用 toUTCString() 将当日的日期（根据 UTC ）转换为字符串。

getDay()

如何使用 getDay() 来显示星期，而不仅仅是数字。

显示一个钟表

如何在网页上显示一个钟表。

完整的 Date 对象参考手册

我们提供 JavaScript Date 对象参考手册，其中包括所有可用于日期对象的属性和方法。

该手册包含了对每个属性和方法的详细描述以及相关实例。

JavaScript Array （数组）对象

实例

创建数组

创建数组，为其赋值，然后输出这些值。

For...In 声明

使用 for...in 声明来循环输出数组中的元素。

合并两个数组 - concat()

如何使用 concat() 方法来合并两个数组。

用数组的元素组成字符串 - join()

如何使用 join() 方法将数组的所有元素组成一个字符串。

文字数组 - sort()

如何使用 sort() 方法从字面上对数组进行排序。

数字数组 - sort()

如何使用 sort() 方法从数值上对数组进行排序。

完整的 Array 对象参考手册

我们提供 JavaScript Array 对象参考手册，其中包括所有可用于数组对象的属性和方法。

该手册包含了对每个属性和方法的详细描述以及相关实例。

JavaScript Boolean （逻辑）对象

实例

检查逻辑值

检查逻辑对象是 true 还是 false 。

完整的 Boolean 对象参考手册

我们提供 JavaScript Boolean 对象参考手册，其中包括所有可用于逻辑对象的属性和方法。

该手册包含了对每个属性和方法的详细描述以及相关实例。

JavaScript Math （算数）对象

实例

round()

如何使用 round() 。

random()

如何使用 random() 来返回 0 到 1 之间的随机数。

max()

如何使用 max() 来返回两个给定的数中的较大的数。

min()

如何使用 min() 来返回两个给定的数中的较小的数。

完整的 Math 对象参考手册

我们提供 JavaScript Math 对象的参考手册，其中包括所有可用于算术对象的属性和方法。

该手册包含了对每个属性和方法的详细描述以及相关实例。

JavaScript RegExp 对象

什么是 RegExp ？

RegExp 是正则表达式的缩写。

当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

简单的模式可以是一个单独的字符。

更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。

您可以规定字符串中的检索位置，以及要检索的字符类型，等等。

定义 RegExp

RegExp 对象用于存储检索模式。

通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象，其模式是 "e" ：

var patt1=new RegExp("e");

当您使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 "e" 。

RegExp 对象的方法

RegExp 对象有 3 个方法：test() 、exec() 以及 compile() 。

完整的 RegExp 对象参考手册

如需可与 RegExp 对象一同使用所有属性和方法的完整信息，请访问我们的 RegExp 对象参考手册。

这个参考手册包含了对 RegExp 对象中每个属性和方法的详细描述，以及使用的例子。

JavaScript HTML DOM 对象

除了内置的 JavaScript 对象以外，你还可以使用 JavaScript 访问并处理所有的 HTML DOM 对象。

Browser 对象

点击以下链接，可以获得以下对象的更多信息，包括它们的集合、属性、方法以及事件。

对象	描述
Window	JavaScript 层级中的顶层对象。Window 对象表示浏览器窗口。每当 <body> 或者 <frameset> 标签出现，Window 对象就会被自动创建。
Navigator	包含客户端浏览器的信息。
Screen	包含客户端显示屏的信息。
History	包含了浏览器窗口访问过的 URL 。
Location	包含了当前URL 的信息。

HTML DOM

HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML ）。

HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。

通过 DOM ，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java 、JavaScript 和 VBScript 使用。

点击下面的链接，可获得更多关于如何使用 JavaScript 来访问和处理 DOM 对象的知识：

对象	描述
Document	代表整个 HTML 文档，用来访问页面中的所有元素。
Anchor	代表 <a> 元素。
Area	代表图像地图中的 <area> 元素。
Base	代表 <base> 元素。
Body	代表图像地图中的 <body> 元素。
Button	代表 <button> 元素。
Event	代表事件的状态
Form	代表 <form> 元素
Frame	代表 <frame> 元素
Frameset	代表 <frameset> 元素
Iframe	代表 <iframe> 元素
Image	代表 <img> 元素
Input button	代表 HTML 表单中的按钮
Input checkbox	代表 HTML 表单中的选择框
Input file	代表 HTML 表单中的 fileupload 。
Input hidden	代表 HTML 表单中的隐藏域。
Input password	代表 HTML 表单中的密码域。
Input radio	代表 HTML 表单中的单选框。
Input reset	代表 HTML 表单中的重置按钮。
Input submit	代表 HTML 表单中的确认按钮。
Input text	代表 HTML 表单中的文本输入域。
Link	代表 <link> 元素
Meta	代表 <meta> 元素
Object	代表一个 <Object> 元素
Option	代表 <option> 元素
Select	代表 HTML 表单中的选择列表。
Style	代表某个单独的样式声明。
Table	代表 <table> 元素。
TableData	代表 <td> 元素。
TableRow	代表 <tr> 元素。
Textarea	代表 <textarea> 元素。