天天看點

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>

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

<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中也有數組的定義,那麼怎麼定義呢?還是看代碼吧,千言萬語不如代碼十行:

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真是太牛了吧。

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

varniu=function(){

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

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

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

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

繼續閱讀