javascript是基于對象的語言,它不僅可以創(chuàng)建對象,也能使用現(xiàn)有的對象。JavaScript標準對于基于對象的定義:語言和宿主的基礎(chǔ)設(shè)施由對象來提供,并且JavaScript程序即是一系列相互通訊的對象集合。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
一、javascript的簡介:
*javascript 是一種基于對象和事件驅(qū)動的語言,主要應(yīng)用于客戶端。
– 基于對象:
提供了很多對象,可以直接使用。
–事件驅(qū)動:
html做的網(wǎng)頁是靜態(tài)效果,javascript做的是動態(tài)效果。
–客戶端:
主要是指瀏覽器。
*js的特點:
(1)交互性:
–信息的動態(tài)交互。
(2)安全性:
–s不能訪問本地磁盤中的文件。
(3)跨平臺性:
–與java不同,js直接使用 瀏覽器跨平臺。
*javascript和java之間的區(qū)別:(沒有任何關(guān)聯(lián))
1)java是sun公司(現(xiàn)在是oracle)發(fā)布
js是網(wǎng)景公司發(fā)布。
2)javascript是基于對象的,java是面向?qū)ο蟮?/p>
3)java是強類型的語言, js是弱類型的語言。
4)js是解析就可以執(zhí)行, java需要先編譯再執(zhí)行。
*js的組成
有三部份
(1)ECMAScript
–ECMA :歐洲計算機協(xié)會, 由其為js指定語法。
?。?)BOM
–broswer object model : 瀏覽器對象模型。
?。?)DOM
–document object model :文檔對象模型。
二、js和html的結(jié)合方式(兩種)
第一種:
–使用一個標簽:
<`script type="text/javascript" > js代碼 </script>`
第二種:
–引入外部文件:
– 創(chuàng)建一個 .js文件。
-- <script type="text/javascript" src=" 外部文件地址 "> </script>
注意: 在第二種中的script標簽中不要寫其他js代碼了,不會被執(zhí)行。
三、js的原始類型和聲明變量
//js中,只有五個原始類型: //string: 字符串 var str = “abc”; //number: 數(shù)字類型 var num = 123; //boolean: true和false var falg = true; //null: *** 獲取對象的引用,null用來表示引用為空,所有對象的引用都為 object var date = new Date(); //undifined //定義一個變量,沒有被賦值 var aa; typeof() ; //查看當(dāng)前變量的數(shù)據(jù)類型。 alert() ; //在頁面跳出一個對話框。 document.write();//直接想頁面輸出的語句(可以把括號內(nèi)的語句輸出到頁面上) 也可以輸出html代碼。
四、js的語句
–在js里面也有這些語句
if判斷語句
注意: =: 賦值
==:判斷
switch語句
–js中所有類型都支持。
--switch(a){ case 1: break; case 2: break; default: … … }
五、js的運算符
+= : x+=y; 等于: x=x+y;
js中的字符串的相加和相減的操作
var str = “123”;
***在相加的時候,做的是字符串的連接。
***在相減的時候,做的是減法運算。
如: alert(str+1)//結(jié)果為1231. alert(str-1)//結(jié)果為122.
住意:當(dāng)str不是一個數(shù)字的時候,減法運算會提示錯誤。
var str = “abc”; alert(str-1);//結(jié)果為:提示NaN: 表示這不是一個數(shù)字。
**boolean也可以進行數(shù)學(xué)運算
如果設(shè)置成 true ,進行數(shù)學(xué)運算的時候,相當(dāng)于值為:1
如果設(shè)置成 false ,進行數(shù)學(xué)運算的時候,相當(dāng)于值為: 0
== 和 === 的區(qū)別
他們都是用來做相等判斷的,
// == 比較的是 值 // === 比較的是 值 和 類型 如: var i = “5”; i5 // true i=5 // false。
六、js的數(shù)組
//–js數(shù)組定義方式(三種): //第一種: var arr = [1,2,3] || var arr = [1,“2”,true] //第二種: 使用內(nèi)置對象 Array, var arr = new Array(5); //定義了一個長度為5的數(shù)組。 arr[0] = “1”; arr[1] = 2; arr[2] = true; //第三種: 使用內(nèi)置對象 Araay, var arr = new Array(3,“4”,true);//定義一個數(shù)組,其中值為:3,4,true
–數(shù)組中有一個屬性 length: 獲得數(shù)組的長度。
–數(shù)組的長度是可變的。
–數(shù)組可以存放不同類型的值
七、js中的方法
在js中定義方法,有三種方式:
//第一種方式: //使用一個關(guān)鍵字 function function 方法名(參數(shù)列表){ 方法體; 返回值(視需求,可有可無); } for example: function add(a ,b,c){ var sum = a+b+c; return sum; } (調(diào)用方法名,使用定義的方法) //第二種方式: //匿名方法。 *** var 變量名 = function(參數(shù)列表){ 方法體; 返回值; } //如: var add = funtion(a,b){ var sum = a+b; return sum; } //(之后使用變量名調(diào)用方法) //**第三種方式: //動態(tài)方法。 //使用一個js的內(nèi)置對象 Function var 變量名 = new Function(“參數(shù)列表”,“方法體 和 返回值”); (注意,參數(shù)和方法體之間是逗號) var add = new Function(“a,b”, “var sum=a+b; return sum”); (之后使用變量名調(diào)用函數(shù)) //注意,此方式中,可以預(yù)先定義好參數(shù)列表,和方法體與方法名,在定義方法的時候直接傳進來。
八、js的全局變量, 和局部變量
全局變量: 在script標簽里面定義的一個變量,這個變量在頁面中js部分都可以使用
–在方法外部使用, 在方法內(nèi)部使用, 在另一個scipt標簽里使用。
局部變量: 在方法內(nèi)部定義的一個變量,只能在在方法內(nèi)部使用。
【推薦學(xué)習(xí):javascript高級教程】