JavaScript对象

Posted 2020-10-03 CoderLiuLin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript对象相关的知识，希望对你有一定的参考价值。

一. 使用JavaScript对象

在JavaScript中可以操作的对象通常包括两种类型：JavaScript内置对象和浏览器对象。

内置对象与浏览器对象

JavaScript内置对象包括一些常用的通用对象，例如数组对象Array，字符串对象String，日期对象Date，数学对象Math等。

浏览器对象是指支持JavaScript的浏览器在装入web页面时创建出的多个JavaScript对象，可以通过这些对象访问web页面中的各种元素，获得相应的操作效果。

使用自定义对象

1.构造函数

2.定义方法

3.实例化对象

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>使用自定义对象</title>
 5     <script type="text/javascript">
 6         function show_book() {    //定义方法所对应的函数
 7             document.write("<H1>书名：" + this.title + "</H1>");
 8             document.write("<H1>作者：" + this.author + "</H1>");
 9             document.write("<H1>出版社：" + this.publisher + "</H1>");
10         }
11         function Book(title,author,publisher) {    //构造函数
12             this.title = title;
13             this.author = author;
14             this.publisher = publisher;
15             this.show_book = show_book;
16         }
17     </script>
18 </head>
19 <body>
20 <script type="text/javascript">
21     MyBook = new Book("JavaScript实例教程" , "赵丰年" , "电子工业出版社");        //实例化对象
22     MyBook.show_book();        //引用对象方法
23     document.write("<br><br><H2>谁是" + MyBook.author + "?</H2>");        //引用对象属性
24 </script>
25 </body>
26 </html>