DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript對象學習小結
JavaScript對象學習小結
編輯:關於JavaScript     

JavaScript 對象

JavaScript 提供多個內建對象,比如 String、Date、Array 等等。

對象只是帶有屬性和方法的特殊數據類型。

在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。

以上本文給大家分享的javascript對象學習小結,欲了解更多,請持續關注本站。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved