JavaScript学习总结(二)

JavaScript学习总结(二)

                             ---- 对象                                    


   在JavaScript中,几乎用到的每个js都离不开它的对象。下面我们深入了解一下js对象。

   js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象。大体内容如下图所示:


JavaScript学习总结(二)_第1张图片                                      

一:核心对象


1.Array对象

数组对象,用来创建数组,使用new 创建


常用的方法如下图:

JavaScript学习总结(二)_第2张图片


常用属性:

JavaScript学习总结(二)_第3张图片





通过例子说明Array对象的创建和使用,如下。


运行结果:

JavaScript学习总结(二)_第4张图片



说明:

prototype用于添加新的属性和方法,用法为:Array.prototype.functionName=functionName




2,Function对象

Function对象可以在程序执行的过程中动态生成函数并调用函数。

常用属性如下:

JavaScript学习总结(二)_第5张图片



常用方法如下:JavaScript学习总结(二)_第6张图片



下面实例说明:



注意:Function对象不可写成小些的function。Function是对象,用于动态创建函数,function是关键字,通过function new出来的函数也是Function对象的实例。



3,String对象

String对象提供了对字符串进行处理的属性和方法。使用时可以直接赋值也可以通过new创建后再赋值

String对象有很多方法,主要是用户有关字符串在Web页面中的显示格式,字体大小,字体颜色,字符的搜索以及字符的大小写转换方面的功能。

JavaScript学习总结(二)_第7张图片




    通过以上对象的prototype属性,我们也看到了JavaScript的特点,它不仅提供给我们一些功能,还提供给用户自己添加功能的方法,简直是太好了。



二:文档对象

document对象,接触JavaScript的第一个例子是通过ID名称获取控件的名称,里面就用到document,当时没有多想,就当是关键字过了。

document对象是window对象的属性,也是唯一的即属于BOM又属于DOM的对象。


说到window对象,我们首先来看一下window中各对象间的关系。如下图:

JavaScript学习总结(二)_第8张图片



了解了大体结构关系,接下看看看document对象的常用属性:


JavaScript学习总结(二)_第9张图片


有关document对象的方法,这里说说使用最频繁的.write()/.writeln()方法。这两个方法的作用都是打印字符,不同的是writeln打印完后多了个换行。  

下面写一个用document对象的write方法动态添加JavaScript文件的实例


这里主要想说明为什么是分开的。

我们可以先看一下分开写的网页源码:


JavaScript学习总结(二)_第10张图片



看不出什么不同,接下来我们看一下不分开时网页源码:

JavaScript学习总结(二)_第11张图片


 

    结果很明显,如果不分开写 会和前面的

你可能感兴趣的:(Web前端)