函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script>
function myFunction(){
alert("你好,世界!");
}
</script>
</head>
<body>
<button onclick="myFunction()">点我</button>
<p>当按钮点击后,一个函数将被执行,该函数结果警告一条信息。</p>
</body>
</html>
带有参数的函数
<!DOCTYPE html>
<html>
<head>
<title>123</title>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
alert("welcome"+name+",the"+job);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>123</title>
<meta charset="utf-8">
<script>
function myfunction(txt) {
alert(txt);
}
</script>
</head>
<body>
<form>
<input type="button"
onclick="myfunction('Good Morning!')"
value="在早上">
<input type="button"
onclick="myfunction('Good Evening!')"
value="在晚上">
</form>
<p>
当你点击其中任意一个按钮,一个函数将被执行,函数结果弹出一个警告显示传递的参数。
</p>
</body>
</html>
返回值的函数
<!DOCTYPE html>
<html>
<head>
<title>123</title>
<meta charset="utf-8">
<script>
function myfunction(txt) {
return("hello!");
}
</script>
</head>
<body>
<script>
document.write(myfunction());
</script>
</body>
</html>
带有参数并返回值的函数
<!DOCTYPE html>
<html>
<head>
<title>123</title>
<meta charset="utf-8">
</head>
<body>
<p>本例调用的函数会执行一个计算,然后返回结果:</p>
<p id="demo"></p>
<script>
function myFunction(a,b){
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
</html>