1，定义函数语法

通过定义函数名称，参数和代码语句来创建函数。function 函数名([参数1,][参数2,][...])
{语句:
}备注:
[]内的内容可以不写。参数是函数中使用的变量，变量的值是别调用函数按值传值的。通过将函数放置在文档的头部分(head),函数中的代码将在函数被调用之前加载。

2，怎样调用函数

一个函数在没被调用之前将不会执行。
（1）调用包含参数的函数。函数名([参数1,][参数2,][...])(2)调用不包含参数的函数。函数名()

JS：3.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>

JS：3.3，函数-调用一个函数 返回顶部

<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>

JS：3.5，函数-返回值的函数 返回顶部

<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>

JS：3.6，函数-调用外部js文件 返回顶部

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" οnclick="fun()" value="调用函数" />
</body>
</html>

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/ylbtech/archive/2013/01/09/2852932.html

JS：1.3，函数(function)相关推荐

java js中 function函数报错_浅析JS中对函数function的理解(基础篇)
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
js立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( ))
( function(){-} )() ( function (){-} () ) 是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达 ...
js立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有区别?
在SF上看到这样一个问题,我觉得问得很好,所以弄成文章收集了. 没有区别. 你需要明白 IIFE 的原理,我简单说一下: function foo() {...} // 这是定义,Declaratio ...
Js函数function基础理解
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
js函数(function)
函数其实就是抽取写好的js代码,作为一个通用的代码块作用:减少代码冗余,方便调用(提高效率),便于维护 //js有哪些函数(带括号的就是函数) 1.系统函数系统自带的函数例如:alert()2.内 ...
js中自执行函数(function(){})()和(function(){}())区别
方式一,调用函数,得到返回值.强制函数直接量执行再返回一个引用,引用在去调用执行方式二,调用函数,得到返回值.强制运算符使函数调用执行 (function(){})(); 是把函数当作表达式解析, ...
[JavaScript] 探索JS中的函数秘密
函数长啥样? 把一些要重复使用的内容封装到函数内. function foo(title) {console.log(title) } foo('title') foo('dust') foo('he ...
美丽的闭包,在js中实现函数重载
引言最近在js的学习中,看到了函数重载的问题,一开始,只看到了实现代码,看着代码冥思苦想了半个小时,总算是理清了其实现的原理,也为其实现的巧妙感到赞叹,也是在自己搞懂原理之后,去网络上搜索了下,才知 ...
js 变量、函数提升
js 变量.函数提升先简单理解下作用域的概念,方便对变量与函数提升的概念的理解 function foo() {var x = 1;if (x) {var x = 2;}console.log(x) ...

JS：1.3，函数(function)

1，定义函数语法

2，怎样调用函数

JS：1.3，函数(function)相关推荐

最新文章

热门文章