您好,登錄后才能下訂單哦!
這篇文章主要介紹“JavaScript函數與語法實例分析”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“JavaScript函數與語法實例分析”文章能幫助大家解決問題。
函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試實例</title>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">點我</button>
</body>
</html>
JavaScript函數語法
函數就是包裹在花括號中的代碼塊,前面使用了關鍵詞function:
function functionname()
{
// 執行代碼
}
當調用該函數時,會執行函數內的代碼。
可以在某事件發生時直接調用函數(比如當用戶點擊按鈕時),并且可由JavaScript在任何位置進行調用。
lampJavaScript對大小寫敏感。關鍵詞function必須是小寫的,并且必須以與函數名稱相同的大小寫來調用函數。
調用帶參數的函數
在調用函數時,您可以向其傳遞值,這些值被稱為參數。
這些參數可以在函數中使用。
您可以發送任意多的參數,由逗號(,)分隔:
myFunction(argument1,argument2)
當您聲明函數時,請把參數作為變量來聲明:
functionmyFunction(var1,var2)
{
代碼
}
變量和參數必須以一致的順序出現。第一個變量就是第一個被傳遞的參數的給定的值,以此類推。
實例
<p>點擊這個按鈕,來調用帶參數的函數。</p>
<button onclick="myFunction('Harry Potter','Wizard')">點擊這里</button>
<script>
function myFunction(name,job){
alert("Welcome " + name + ", the " + job);
}
</script>
上面的函數在按鈕被點擊時會提示"WelcomeHarryPotter,theWizard"。
函數很靈活,您可以使用不同的參數來調用該函數,這樣就會給出不同的消息:
實例
<buttononclick="myFunction('HarryPotter','Wizard')">點擊這里</button>
<buttononclick="myFunction('Bob','Builder')">點擊這里</button>
根據您點擊的不同的按鈕,上面的例子會提示"WelcomeHarryPotter,theWizard"或"WelcomeBob,theBuilder"。
關于“JavaScript函數與語法實例分析”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。