標籤：style blog http io ar color 使用 sp java
函數：
函數是由事件驅動或者當它被調用時執行的可重複色代碼塊。
<head><script>function hanshu(){alert("你好！");}</script></head><body><button onclick="hanshu()">點擊</button></body>
函數可以寫到<head></head>中。也可以寫在以 .js 為尾碼的外部檔案中，等需要時調用即可
1. JS函數文法：
函數就是包裹在花括弧中的代碼塊，前面使用了關鍵詞 function：
function 函數名(){這裡是要執行的代碼}
當調用該函數時，會執行函數內的代碼。
可以在某事件發生時直接調用函數（比如當使用者點擊按鈕時），並且可由 JavaScript 在任何位置進行調用。
2. 調用帶參數的函數：
您可以發送任意多的參數，由逗號 (,) 分隔：
myFunction(argument1,argument2)
當聲明函數時，需要把參數作為變數來聲明：
function myFunction(var1,var2){這裡是要執行的代碼}
變數和參數必須以一致的順序出現。第一個變數就是第一個被傳遞的參數的給定的值，以此類推。
例：
<p>點擊這個按鈕，來調用帶參數的函數。</p><button onclick="myFunction(‘劉麗‘,‘女士‘)">點擊</button><script>function myFunction(name,sex){alert("歡迎" + name + sex + "來到這裡");}</script>
<p>請點擊其中的一個按鈕，來調用帶參數的函數。</p><button onclick="hanshu(‘哈利‘,‘Wizard‘)">按鈕1</button><button onclick="hanshu(‘比爾‘,‘Builder‘)">按鈕2</button><script>function hanshu(name,job){alert("Welcome " + name + ", the " + job);}</script>
按鈕1：
按鈕2：
-------------------------------------------------------------------------------------------------------
<script>function myFunction(){ var x=document.getElementById("demo").value;/*定義變數 擷取這個元素的值*/ var y=document.getElementById("mess");/*定義變數接收*/ if(x=="") { y.innerHTML="錯誤:空的。";/*使變數接收要顯示的修改HTML內容*/ } else { if(isNaN(x)) { y.innerHTML="錯誤:不是數字。"; } else if(x>10) { y.innerHTML="錯誤:太大。"; } else if(x<5) { y.innerHTML="錯誤:太小。"; } }}</script><p>請輸入 5 到 10 之間的數字：</p><input id="demo" type="text"><button type="button" onclick="myFunction()">測試輸入值</button><p id="mess"></p><input type="text" name="txtid" id="txtid" /><input type="submit" name="btn" id="btn" value="求和" onclick="jisuan()" /><p id="label"></p></body></html><script>function jisuan(){ var txt = document.getElementById("txtid").value; var sum=0; for(var i=0;i<=txt;i++) { sum=sum+i; } document.getElementById("label").innerHTML = sum;/*找到id是label的標籤，修改網頁上的顯示*/}</script>
20141124-JS函數
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
