| 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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）