JS:3.1,函数(function)-定义 返回顶部 |
1,定义函数语法
通过定义函数名称,参数和代码语句来创建函数。
function 函数名([参数1,][参数2,][...])
{
语句:
}
备注:
[]内的内容可以不写。
参数是函数中使用的变量,变量的值是别调用函数按值传值的。通过将函数放置在文档的头部分(head),函数中的代码将在函数被调用之前加载。
2,怎样调用函数
一个函数在没被调用之前将不会执行。
(1)调用包含参数的函数。
函数名([参数1,][参数2,][...])
(2)调用不包含参数的函数。
函数名()
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function total(a,b)
{
result=a+b;
return result;
}
</script>
</head>
<body>
<h1>1,返回语句</h1>
<script language="javascript">
var a=3;
var b=1;
var sum=total(a,b);
document.write(sum);
</script>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function fun()
{
alert("Hello!");
}
</script>
</head>
<body>
<pre>
<h1>2,调用一个函数</h1>
<input type="button" onclick="fun()" value="调用函数" />
<a href="javascript:fun()">调用函数</a><br />
<p>
通过按下按钮,一个函数将被调用。这个函数将弹出一个消息框
</p>
</pre>
</body>
</html>
JS:3.4,函数-调用一个函数(带参数) 返回顶部 |
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function fun(word)
{
alert("Hello "+word+"!");
}
</script>
</head>
<body>
<pre>
<h1>2,调用一个函数(带参数)</h1>
<input type="button" onclick="fun('小姐')" value="调用函数" />
<p>
通过按下按钮,一个函数将被调用。这个函数将弹出一个消息框。
</p>
</pre>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function fun()
{
return ("你好,今天天气很不错!");
}
</script>
</head>
<body>
<h1>4,返回值的函数</h1>
<script language="javascript">
document.write(fun());
</script>
<p>
在body中的脚本调用函数。
</p>
<p>
这个函数返回一段文本。
</p>
</body>
</html>
3.6.1, a1.js
function fun()
{
alert("你好,今天天气很不错!");
}
3.6.2,
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="a1.js" language="javascript"></script>
</head>
<body>
<h1>
5,调用外部的js文件
</h1>
<input type="button" onclick="fun()" value="调用函数" />
</body>
</html>