首頁 > web前端 > js教程 > JavaScript物件學習小結_javascript技巧

JavaScript物件學習小結_javascript技巧

WBOY
發布: 2016-05-16 15:41:11
原創
1204 人瀏覽過

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+"
"); }else{ document.writeln("
此数组的长度为0
"); } } Array.prototype.fun=fun; //为Array对象添加fun()方法 data.fun(); //调用fun()方法 data=new Array();//清空data数组内容 data.fun();//显示清空后数组的长度
登入後複製

运行结果:

说明:

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

2,Function对象

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

常用属性如下:

常用方法如下:

下面实例说明:


注意: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>

三:事件物件

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

JavaScript中的事件跟vb中學過的事件一致,有滑鼠事件,鍵盤事件,載入事件,等。 。

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板