DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 傳智播客學習之JavaScript基礎篇
傳智播客學習之JavaScript基礎篇
編輯:JavaScript基礎知識     

一、JavaScript與java的區別
1.JavaScript是Netscape公司的產品,Java是Sun公司的產品。
2.JavaScript是基於對象,Java是面向對象。
3.JavaScript只需解釋就可以執行,Java需要先編譯成字節碼文件,再執行。
4.JavaScript是弱類型,Java是強類型。
小結:其實java與JavaScript除了名字上有些像以外,然後JavaScript借用了部分java思想外,其余別的幾乎沒有什麼關系。
二、如何將JavaScript與Html的結合
1.標簽形式
我們將JavaScript代碼存放在標簽對<script>...</script>中。可以放在任何位置。
2.導入方式
使用script標簽的src屬性引入一個JavaScript文件。
例如:<script src=”test.js” type=”javascript”></script>
注意:規范中script標簽中必須加入type屬性。
三、JavaScript語法
1.變量
通過關鍵字var來定義,由於是弱類型,所以不用指定具體的數據類型。
例:var x = 3; x = “hello”;
注意:1)在JavaScript中單引號和雙引號沒有區別,但是最好寫雙引號,規范。
2)在JavaScript中特殊的常量值:undefined,當變量沒有初始化就被使用,該變 量的值就是undefined(未定義)。
2.運算符
與其他編程語言一樣,與java類似。也支持字符串連接符(+)以及三元運算符(? :),不同的是三元運算符不需要有值,可以直接在語句輸出等。
3.語句
語句格式與各種編程語言差不多,也有判斷,選擇以及循環。但是注意一下幾點:
1)在JavaScript中非0 為真。例如下面代碼
var x = 3;
if(x==4)//可以進行比較運算。
if(x=4)//可以進行賦值運算,而且可以同樣進行判斷。不報錯。結果為true,所以在if語句後可以倒過來寫if(4==x),這樣如果寫成4=x會報錯。可以糾正錯誤。
2)switch裡面沒有類型限制
3)循環一定要有結束條件
4)連接boolean運算,一定要用&&或者||,如果用&或者|會進行位運算
四.函數
1.一般函數
格式:
function 函數名(形式參數...)
{
執行語句;
return 返回值;
}
注意:1)return語句可以不寫,函數一定要被調用才會運行。
2)形式參數沒有必要加var,是弱類型。
3)調用有參數的函數,但沒有給其傳值,或傳多於參數個數的值,函數一樣可以運 行,或者調用沒有參數的函數,給其傳值,該函數也一樣運行。
4)JavaScript中沒有重載函數形式
因為在JavaScript中實際將函數的多個參數封裝在一個arguments數組中,所以可以接受任意多個參數,但是最好還是按定義好的形式參數傳遞實際參數。
5)注意下面的例子
var show = demo();
上面這條語句表示的是show變量接收demo函數的返回值。
var show = demo;
上面這條語句表示的是show與demo代表同一函數,指向同意對象
2.動態函數
通過JavaScript的內置對象Function實現。如下:
var demo = new Function("x,y","var sum = x+y; alert(sum);");
demo(5,2);
動態函數與一般函數不同的是,參數以及函數體都可以通過參數進行傳遞,可以動態指定。

3.匿名函數
格式:function()
例:var demo = function(){alert("snow");}
demo();
注意:通常在定義事件屬性的行為時較為常用。
4.其他形式
var p = new Object();
p.name ="lisi";
p.age=31;
p.demo = show;
alert(p.name +":"+p.age+demo(4,5));
function show(x,y){return x+y;}
五、數組
在JavaScript中,數組結合了集合的特性,可以存任意元素,長度也是可變的。而且在賦值的時候不是大括號而是中括號,如下:
var arr = new Array();
arr[0] = “ashf”;
arr[1] = 258;
或者var arr = [“ashf”,258,true,'sfa'];
注意在遍歷的時候不要int x了,要var x,弱類型。
二維數組: var arrr = [[元素,元素....],[元素...],[元素....].....]
六、內置對象
在JavaScript中,內置了很多對象,比如String,Object,Date等,可以查閱相關幫助文檔(如有需要,可以留下郵箱),這裡主要對部分不同處做簡單說明。
1.String中length是屬性,不是方法
2.String中substring(a,b)方法是取a到b-1的字符,而substr(a,b)方法從a開始,取b個字符
3.a.toString(b)返回b進制的a形式
4.parseInt("a",b)會將b進制的a轉換成十進制形式的a

七、自定義對象
在JavaScript中,除了已經提供的內置對象外,也可以自定義對象。
方式一:
function car(){}
var c = new car();
c.color = "white";
c.tyre = 4;
c.run = show;
function show(){alert(c.color+c.tyre+“run”);}
c.run();
方式二:
function car(color,tyre)
{
this.color = color;
this.tyre = tyre;
}
var c = new car(“white”,4);
alert(c.color+":"+c["tyre"]);
八、用於操作對象的語句
1.with語句
當調用一個對象中多個成員時,為了簡化調用,避免”對象.”這種格式的重復書寫。
格式:with(對象){ 這裡面代碼不用加(對象.屬性)了 }
var p = new car("white",4);
alert(c.color+":"+c["tyre"]);
可以寫成:
var p = new car("white",4);
with(car){alert(color+":"+tyre)};
注意:with語句定義了某個對象的作用域,在該域中可以直接調用該對象的成員。
for...in語句
For 變量in對象 語句:遍歷對象中的成員,如果遍歷數組,變量裡面是腳標
獲取對象的值 對象【變量】,變量是屬性名

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