JavaScript學習總結 之對象

JavaScript學習總結（二）

                             ---- 對象                                    

   在JavaScript中，幾乎用到的每一個js都離不開它的對象。下面咱們深刻了解一下js對象。

   js中對象的分類跟以前咱們學過的語言中函數的分類同樣，一個是系統自帶的叫預約義對象，一個是用戶本身寫的叫自定義對象。大致內容以下圖所示：

                                      

一：核心對象

1.Array對象

數組對象，用來建立數組，使用new 建立

經常使用的方法以下圖：

經常使用屬性：

經過例子說明Array對象的建立和使用，以下。

 

<script language="javascript">
    var data=new Array("1","2","3");//建立數組data

    document.writeln("data的初始內容爲："+data+",");  //輸出數組內容

    function fun(){   //自定義函數fun()顯示數組長度
        if(this.length!=0){
            document.writeln("<PRE>此數組的長度爲："+this.length+"</PRE>");
        }else{
            document.writeln("<PRE>此數組的長度爲0</PRE>");
        }
    }

    Array.prototype.fun=fun;  //爲Array對象添加fun()方法
    data.fun();               //調用fun()方法

    data=new Array();//清空data數組內容
    data.fun();//顯示清空後數組的長度

</script>

運行結果：

說明：

prototype用於添加新的屬性和方法，用法爲：Array.prototype.functionName=functionName

2，Function對象

Function對象能夠在程序執行的過程當中動態生成函數並調用函數。

經常使用屬性以下：

經常使用方法以下：

下面實例說明：

 

<script language="javascript">
    funSum=new Function("x","y","z=x+y;return z");   //建立函數funSum（）

    x=prompt("請輸X值：","");
    y=prompt("請輸Y值：","");

    x=Number(x);
    y=Number(y);
    alert(newfun(x,y));  //調用函數並輸出
</script>

注意：Function對象不可寫成小些的function。Function是對象，用於動態建立函數，function是關鍵字，經過function new出來的函數也是Function對象的實例。

3，String對象

String對象提供了對字符串進行處理的屬性和方法。使用時能夠直接賦值也能夠經過new建立後再賦值

String對象有不少方法，主要是用戶有關字符串在Web頁面中的顯示格式，字體大小，字體顏色，字符的搜索以及字符的大小寫轉換方面的功能。

    經過以上對象的prototype屬性，咱們也看到了JavaScript的特色，它不只提供給咱們一些功能，還提供給用戶本身添加功能的方法，簡直是太好了。

二：文檔對象

document對象，接觸JavaScript的第一個例子是經過ID名稱獲取控件的名稱，裏面就用到document，當時沒有多想，就當是關鍵字過了。

document對象是window對象的屬性，也是惟一的即屬於BOM又屬於DOM的對象。

說到window對象，咱們首先來看一下window中各對象間的關係。以下圖：

瞭解了大致結構關係，接下看看看document對象的經常使用屬性：

有關document對象的方法，這裏說說使用最頻繁的.write()/.writeln()方法。這兩個方法的做用都是打印字符，不一樣的是writeln打印完後多了個換行。  

下面寫一個用document對象的write方法動態添加JavaScript文件的實例

 

<script language="javascript">

    document.write("<script type=\"text/javascript\" src=\"textuser.js\">"+"</scr"+"ipt>");

</script>

這裏主要想說明</script>爲何是分開的。

咱們能夠先看一下分開寫的網頁源碼：

看不出什麼不一樣，接下來咱們看一下不分開時網頁源碼：

 

    結果很明顯，若是不分開寫</script> 會和前面的<script>配對，這樣，瀏覽器會提示咱們有誤。

三：事件對象

event對象是一種只與事件處理過程有關的對象。

JavaScript中的事件跟vb中學過的事件一致，有鼠標事件，鍵盤事件，加載事件，等。。

事件的發生確定有其出發者，觸發發生後，這一事件也就隨即結束。

事件在JavaScript中使用很簡單，就是在關鍵字前加On。