1. 簡單的函數： 2.1 帶參數的函數： 2.2 帶參數的函數： 3.1 帶返回值的函數 3.2 帶有參數和返回值的函數 嘗試把返回值用字元串拼接的方式組合了一下，還真成功了 結果： ...
1. 簡單的函數：
<html> <head> <script type="text/javascript"> function myfunction() { alert("您好！") } </script> </head> <form> <input type="button" onclick="myfunction()" value="調用函數"> <p>通過點擊這個按鈕，可以調用一個函數。該函數會提示一條消息。</p> </body> </html>
2.1 帶參數的函數：
<html> <head> <script type="text/javascript"> function myfunction(txt) { alert(txt) } </script> </head> <body> <form> <input type="button" onclick="myfunction('你好，你個蠢貨...')" value="調用函數"> </form> <p> 通過點擊這個按鈕，可以調用一個帶參數的函數。該函數會輸出這個參數 </p> </body> </html>
2.2 帶參數的函數：
<html> <head> <script type="text/javascript"> function myfunction(txt) { alert(txt) } </script> </head> <body> <form> <input type="button" onclick="myfunction('早安，靖哥哥！')" value="早晨"> <input type="button" onclick="myfunction('晚安，蓉兒!')" value="晚上"> </form> <p>通過點擊這個按鈕，可以調用一個函數。該函數會輸出傳遞給它的參數。 </p> </body> </html>
3.1 帶返回值的函數
<html> <head> <script type="text/javascript"> function myfunction() { return ("這一段話，會在結果中顯示") } </script> </head> <body> <script type="text/javascript"> document.write(myfunction()) </script> <p> body部分中的腳本調用一個函數。</p> <script type="text/javascript"> document.write(myfunction()) </script> </body> </html>
3.2 帶有參數和返回值的函數
嘗試把返回值用字元串拼接的方式組合了一下，還真成功了
<html> <head> <script type="text/javascript"> function product(a, b, c) { return "某食品廠" + a + "年度，生產了" + b + "萬箱" + c } </script> </head> <body> <script type="text/javascript"> document.write(product("2018", "15", "餅干")) </script> </body> </html>
結果：
某食品廠2018年度，生產了15萬箱餅干
本文代碼示例大多來自http://www.w3school.com.cn/b.asp，只為學習使用。
