首頁 > web前端 > js教程 > 有關JavaScript學習方法的總結

有關JavaScript學習方法的總結

巴扎黑
發布: 2017-08-04 13:25:38
原創
1387 人瀏覽過

在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物件可以在程式執行的過程中動態生成函數並呼叫函數。

常用屬性如下:




常用方法如下:



以下實例說明:

#
<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>
登入後複製


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

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





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



 

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板