DHTML【10】--Javascript

大家好,這一節主要介紹Javascript的函數。函數是Javascript的核心中的核心,這麼強調一點都不過分,相信沒有人反對,如果有人反對,你以後可以不用函數,呵呵,說的有點絕了啊。

下面看一下Javascript定義函數的基本語法格式:

格式一:

function 函數名(m){

return m;

}

格式二:匿名函數

function (m,n){

return m+n;

}

以上兩種格式的參數都是可選的,不需要聲明返回值類型、參數類型,也可以沒有返回值,但是function的關鍵字是必須保留的,而且一個字母不能寫錯。

看下面代碼:

<html>

<head>

<scripttype="text/javascript">

alert("大家好,我是Head中的Javascript");

functionbtnClick(){

alert("HelloJavascript!");

}

</script>

</head>


<body>

<scripttype="text/javascript">

alert("大家好,我是body中的Javascript!");

</script>

<inputtype="button" onclick="btnClick()"  value="您敢點嗎?"/>

</body>

</html>

alert函數相當於MessageBox,只是彈出提示信息用,運行此代碼,發現最先自動彈出來Head中的Javascript,然後自動彈出body中的Javascript,點擊按鈕後才彈出Hello Javascript,我們可以看出,在body加載前head中的Javascript代碼就已經執行,當body加載完畢後,body中的Javascript代碼開始執行,當點擊按鈕的時候,由於按鈕綁定了單擊函數,所以觸發了彈出消息框的函數。

上一節我們不是說script標籤要放到head標籤中嗎?其實是早期前端編寫時建議Javascript代碼寫在head中,但是當我們現在查看網上的網頁源碼,發現很多不在head中的Javascript代碼,這是一種隨着時間潮流和技術的革新的發展而改變的。

Javascript中也有數組的定義,那麼怎麼定義呢?還是看代碼吧,千言萬語不如代碼十行:

<head>

<scripttype="text/javascript">

var arr=[1,3,1,4];

for(var n=0;n<arr.length;n++)

{

  alert(arr[n]);

}


var names=newArray();

names[0]="奧巴馬";

names[1]="金正日";

names[2]="奧斯托洛夫斯基";

for(vari=0;i<names.length;i++){

alert(names[i]);

}

</script></head>

當你加載的時候,你會發現兩個數組的所有元素都被提示出來了,這是兩種數組初始化的方法,從現在開始,你不得不覺得這個var真是太牛了吧。

呵呵,其實還有更牛的呢。看下面代碼:

<head>

<scripttype="text/javascript">

varniu=function(){

alert("Var真是太牛了!碉堡了!");

}

</script>

</head>

<body>

<inputtype="button" onclick="javascript:niu()"  value="您敢點嗎?"/>

</body>

沒錯var不僅可以存放數組還可以存放匿名函數,呵呵,真的碉堡了。

到此,Javascript篇應該是一個結尾了,你也許可能會說,Javascript是程序員必須要掌握的腳本語言啊,而且要到一定的層次,怎麼介紹兩節就不介紹了呢?

因爲,到此Javascript的基本變量和常用定義函數的情況都介紹完了,其基本語法和控制結構都和Java、C#等一樣,如果想練習加深Javascript,沒關係,以後的DOM、Ajax和Jquery都和Javascript有關係,因此Javascript並沒有結束。

好的,就到這裏,我們下一節再續。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章