从入门到精通：HTML、JavaScript中的流程控制、函数与对象使用详解
最编程
2024-01-21 14:50:19
...
function 函数名(参数1，...,参数n)
{
函数结构体
}
// 调用函数
函数名 (参数...);
// 带返回值的函数
function 函数名(参数1，...,参数n)
{
函数结构体;
return 值;
}
// 调用含返回值的函数
var 变量 = 函数名 (参数...);
//在HTML的超链接中调用函数
<a herf="javascript:函数名(参数)">链接名</a>
范例：下面的代码函数定义了一个参数x,默认值是1
我们在HTML 超链接中调用的时候，如果传入新的x的值，就会返回新的值
不传入x的话，就用默认的值1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script>
function mycase(x=1)
{
return x;
}
</script>
</head>
<body>
<a href="javascript:mycase(x='我爱你')">你好呀！</a><br/>
<a href="javascript:mycase()">hello</a>
</body>
</html>
在事件中调用,如下例子，生成一个叫做你好的按钮，点击按钮显示文字在页面上：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script>
function mycase(x=1)
{
document.write(x)
}
</script>
</head>
<body>
<input type="button" onclick="mycase('我爱你')" value="你好"/>
</body>
</html>
上一篇： 怎样免费获得并装上Office软件？