1.函數
<html>
<head>
<script type="text/javascript">
function myfunction()
{
alert("您好！")
}
</script>
</head>
<body>
<form>
<input type="button" value="調用函數">
</form>
<p>通過點擊這個按鈕，可以調用一個函數。該函數會提示一條消息。</p>
</body>
</html>
2.帶參數的函數
<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
value="在早晨">
<input type="button"
value="在夜晚">
</form>
<p>通過點擊這個按鈕，可以調用一個函數。該函數會輸出傳遞給它的參數。</p>
</body>
</html>
3.帶返回值的函數
<html>
<head>
<script type="text/javascript">
function myFunction()
{
return ("您好，祝您愉快！")
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(myFunction())
</script>
<p>body 部分中的腳本調用一個函數。</p>
<p>該函數返回一段文本。</p>
</body>
</html>
4.同時帶參數和返回值的函數
<html>
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(product(6,5))
</script>
<p>body 部分中的腳本調用一個帶有兩個參數（6 和 5）的函數。</p>
<p>該函數會返回這兩個參數的乘積。</p>
</body>
</html>