一、什么是函数

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

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

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. js中test，exec和match方法

    test test 返回 Boolean,查找对应的字符串中是否存在模式. var str = "1a1b1c";var reg = new RegExp("1.&quo ...

  2. LVS与其他负载均衡软件的区别

    有人在邮件列表问haproxy的作者为何haproxy无论是tcp模式还是http模式,能支撑的并发量都不是太大. Willy回答了这个问题.   Exactly. The difference is ...

  3. Spring MVC Controller配置方式

    第一种 URL对应Bean如果要使用此类配置方式,需要在XML中做如下样式配置 以上配置,访问/hello.do就会寻找ID为/hello.do的Bean,此类方式仅适用小型的应用系统 第二种 为UR ...

  4. Enum 枚举

    一: 1. foreach (int val in Enum.GetValues(typeof(AppEnum.HarbourStatus))) { ddlStatus.Items.Add(new L ...

  5. web_reg_find()查询信息为变量

    Action(){char *str1;//=(char*)malloc(20);char str2[10]; web_url("toLoginPage", "URL={ ...

  6. Java语言使用HttpClient模拟浏览器登录

    使用HttpClient来模拟浏览器登录网站,然后可以进行操作,比如发布信息等 第一步:获取实际的post网址,(不考虑复杂情况下) 1.需要使用到firefox的httpfox插件,httpfox中 ...

  7. window上使用GIT的个人经验（入门级）

    0.安装 使用google上的msysgit http://code.google.com/p/msysgit/downloads/list 尽量用最新版的吧 1.KEY 关于 key,.ssh里面的 ...

  8. 使用yum和iso镜像离线升级RedHat系统

    创建一个用于挂载iso镜像的目录.由于这个目录不能在挂载时自动创建,所以需要以root身份先创建一个目录.命令: mkdir mount_dir 以root身份把iso镜像挂载到上一步创建的目录上.命 ...

  9. 小波变换和motion信号处理（三）(转)

    这篇文章算太监了,去作者blog提问去吧:http://www.kunli.info/2012/04/08/fourier-wavelet-motion-signal-3/ 从前两篇发布到现在,过去一 ...

  10. (太强大了) - Linux 性能监控、测试、优化工具

    转: http://www.vpsee.com/2014/09/linux-performance-tools/ Linux 平台上的性能工具有很多,眼花缭乱,长期的摸索和经验发现最好用的还是那些久经 ...