一、什么是函数

函数：把完成特定功能的代码放到一个函数里，直接调用这个函数，就省去重复输入大量代码的麻烦

函数的作用：写一次代码，然后反复地重用这个代码

Eg：

求多组数的和，不使用函数

{

　　var sum;

　　sum = 3+2;

　　alert(sum);

　　sum = 7+8;

　　alert(sum);

....　　//不停重复两行代码

}

使用函数

　　function add2(a,b){

　　sum = a+b;

　　alert(sum);

　　}//只需要写一次

　　add2(3,2);

　　add2(7,8);

　　....　　//只需调用函数

二、定义函数

格式：

function　　函数名()

{

　　函数体;

}

function：定义函数的关键字

“函数名”：自己为函数取的名字

“函数体”：替换完成特定功能的代码

调用：

函数定义好后，需要调用才能执行，调用方式直接在需要的位置写函数名。

1、在<script>标签内调用

<script type="text/javascript">

　　function add2()

　　{

　　　　sum = 1+1;

　　　　alert(sum);

　　}

　　add2();　　//调用函数，直接写函数名

</script>

2、在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html>

<head>

　　<script type="text/javascript">

　　　　function  add2()

　　　　{

　　　　　　sum = 5+6;

　　　　　　alert(sum);

　　　　}

　　</script>

</head>

<body>

　　<from>

　　<input type="button" value="click it" onclick="add2()">　　//按钮，onclick点击事件，直接写函数名

　　</from>

</body>

</html>

三、有参数的函数

格式：

function 函数名(参数1，参数2)

{

　　函数代码

}

注：参数可以多个，根据需要增减参数个数。参数之间用逗号隔开

Eg：用函数实现任意两个数的和应该写成

function add2(x, y)

{

　　sum = x+y;

　　document.write(sum);

}

x和y则是函数的两个参数，调用函数的时候，可以通过这两个参数把实际的加数传递给函数。

如：add2(2, 3)则会求2+3的和。

返回值的函数

function add2(x, y)

{

　　sum =x+y;

　　return sum;//返回函数值，return后面的值叫做返回值

}

通过变量存储调用函数的返回值

result = add2(3, 4);　　//语句执行后, result变量中的值为7

注：

函数中参数和返回值不只是数字，还可以是字符串的其它类型

JavaScript入门(7)的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列－－－－函数作用域（javascript入门篇）

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

  10. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

随机推荐

  1. [转] 弱校ACM奋斗史

    转载来自:http://blog.163.com/lx_zz0o0/blog/static/236205116201442604234538/ 弱校ACM奋斗史  2014-05-26 00:42:3 ...

  2. JQuery datepicker 用法

    JQuery datepicker 用法   jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加 ...

  3. 【CSS3】Advanced1：Rounded Corners

    1.Border radius The border-radius property can be used to working clockwise from top-left set border ...

  4. Camera图像处理原理及实例分析-重要图像概念

    Camera图像处理原理及实例分析 作者:刘旭晖  colorant@163.com  转载请注明出处 BLOG:http://blog.csdn.net/colorant/ 主页:http://rg ...

  5. SharePoint 命令使用集锦 （持续更新中...）

    首先要定位到 cd "Program Files\Common Files\Microsoft Shared\web server extensions\14\BIN" 下面   ...

  6. 两个栈实现一个队列，C语言实现，队列可伸缩，容纳任意数目的元素。

    一.思路:1.创建两个空栈A和B:2.A栈作为队列的入口,B栈作为队列的出口:3.入队列操作:即是入栈A:4.出队列操作:若栈B为空,则将A栈内容出栈并压人B栈,再出 B栈:不为空就直接出栈: 二.代 ...

  7. HDU5627--Clarke and MST （bfs+位运算）

    http://www.cnblogs.com/wenruo/p/5188495.html Clarke and MST Time Limit: 2000/1000 MS (Java/Others) M ...

  8. A Tour of Go Structs

    A struct is a collection of fields. (And a type declaration does what you'd expect.) package main im ...

  9. 检查REDO日志相关信息并生成HTML文件的脚本

    生成HTML格式的文件 内容有: 检查数据库版本.REDO日志组情况, 最近20次日志切换频率检查--日志间的归档时间间隔, 这对查看数据库的IO繁忙时段 统计指定日期当天每小时的归档日志产生量--日 ...

  10. 关于lab4实验git+近期出国手续办理

    1.下载mit jos lab4时遇到问题(关于git操作,使用,还需进一步理解) 遇到的问题 出现未合并(merge)完全的问题,操作:git add kern/init.c 之后在确认提交 方法二 ...