大家好,這一節主要介紹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並沒有結束。
好的,就到這裏,我們下一節再續。