qileilove

          blog已經轉移至github,大家請訪問 http://qaseven.github.io/

          JavaScript 函數

          函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。

          實例

          <!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head>  <body> <button onclick="myFunction()">點擊這里</button> </body> </html> 

          親自試一試

          JavaScript 函數語法

          函數就是包裹在花括號中的代碼塊,前面使用了關鍵詞 function:

          function functionname() { 這里是要執行的代碼 } 

          當調用該函數時,會執行函數內的代碼。

          可以在某事件發生時直接調用函數(比如當用戶點擊按鈕時),并且可由 JavaScript 在任何位置進行調用。

          提示:JavaScript 對大小寫敏感。關鍵詞 function 必須是小寫的,并且必須以與函數名稱相同的大小寫來調用函數。

          調用帶參數的函數

          在調用函數時,您可以向其傳遞值,這些值被稱為參數。

          這些參數可以在函數中使用。

          您可以發送任意多的參數,由逗號 (,) 分隔:

          myFunction(argument1,argument2)

          當您聲明函數時,請把參數作為變量來聲明:

          function myFunction(var1,var2) { 這里是要執行的代碼 } 

          變量和參數必須以一致的順序出現。第一個變量就是第一個被傳遞的參數的給定的值,以此類推。

          實例

          <button onclick="myFunction('Bill Gates','CEO')">點擊這里</button>  <script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); } </script> 

          親自試一試

          上面的函數會當按鈕被點擊時提示 "Welcome Bill Gates, the CEO"。

          函數很靈活,您可以使用不同的參數來調用該函數,這樣就會給出不同的消息:

          實例

          <button onclick="myFunction('Harry Potter','Wizard')">點擊這里</button> <button onclick="myFunction('Bob','Builder')">點擊這里</button> 

          親自試一試

          根據您點擊的不同的按鈕,上面的例子會提示 "Welcome Harry Potter, the Wizard" 或 "Welcome Bob, the Builder"。

          帶有返回值的函數

          有時,我們會希望函數將值返回調用它的地方。

          通過使用 return 語句就可以實現。

          在使用 return 語句時,函數會停止執行,并返回指定的值。

          語法

          function myFunction() { var x=5; return x; } 

          上面的函數會返回值 5。

          注釋:整個 JavaScript 并不會停止執行,僅僅是函數。JavaScript 將繼續執行代碼,從調用函數的地方。

          函數調用將被返回值取代:

          var myVar=myFunction();

          myVar 變量的值是 5,也就是函數 "myFunction()" 所返回的值。

          即使不把它保存為變量,您也可以使用返回值:

          document.getElementById("demo").innerHTML=myFunction();

          "demo" 元素的 innerHTML 將成為 5,也就是函數 "myFunction()" 所返回的值。

          您可以使返回值基于傳遞到函數中的參數:

          實例

          計算兩個數字的乘積,并返回結果:

          function myFunction(a,b) { return a*b; }  document.getElementById("demo").innerHTML=myFunction(4,3); 

          "demo" 元素的 innerHTML 將是:

          12

          親自試一試

          在您僅僅希望退出函數時 ,也可使用 return 語句。返回值是可選的:

          function myFunction(a,b) { if (a>b)   {   return;   } x=a+b } 

          如果 a 大于 b,則上面的代碼將退出函數,并不會計算 a 和 b 的總和。

          局部 JavaScript 變量

          在 JavaScript 函數內部聲明的變量(使用 var)是局部變量,所以只能在函數內部訪問它。(該變量的作用域是局部的)。

          您可以在不同的函數中使用名稱相同的局部變量,因為只有聲明過該變量的函數才能識別出該變量。

          只要函數運行完畢,本地變量就會被刪除。

          全局 JavaScript 變量

          在函數外聲明的變量是全局變量,網頁上的所有腳本和函數都能訪問它。

          JavaScript 變量的生存期

          JavaScript 變量的生命期從它們被聲明的時間開始。

          局部變量會在函數運行以后被刪除。

          全局變量會在頁面關閉后被刪除。

          向未聲明的 JavaScript 變量來分配值

          如果您把值賦給尚未聲明的變量,該變量將被自動作為全局變量聲明。

          這條語句:

          carname="Volvo";

          將聲明一個全局變量 carname,即使它在函數內執行。

          posted on 2014-03-25 17:39 順其自然EVO 閱讀(143) 評論(0)  編輯  收藏 所屬分類: js

          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          導航

          統計

          常用鏈接

          留言簿(55)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 靖安县| 马鞍山市| 鄂伦春自治旗| 奉新县| 海淀区| 潼南县| 荔浦县| 泾源县| 镇远县| 唐山市| 卢氏县| 临汾市| 连州市| 那曲县| 陕西省| 怀集县| 六安市| 岳普湖县| 额济纳旗| 临海市| 安塞县| 南充市| 苍溪县| 遂平县| 浙江省| 天祝| 张家口市| 汕尾市| 新乐市| 肥西县| 资源县| 山阴县| 合山市| 东乡族自治县| 中西区| 沛县| 仙游县| 凌云县| 蓬安县| 旬阳县| 姚安县|