一、什么是函数

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

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

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. 【转】VC中获取文件的相对路径和绝对路径

    原文网址:http://www.360doc.com/content/13/0703/16/3402399_297386231.shtml

  2. IIS7配置https

    To Install an SSL Certificate in Microsoft IIS 7 Click Start, mouse-over Administrative Tools, and t ...

  3. vijosP1319 数列

    vijosP1319 数列 链接:https://vijos.org/p/1319 [思路] 数学. 相当于交换进制2为k. [代码] #include<iostream> using n ...

  4. PHP中的empty()和isset()的比较

  5. 【Java基础】Java中的代码块

    什么是代码块 在Java中,用{}括起来的代码称之为代码块. 代码块分类 局部代码块:在局部变量位置且用{}括起来的代码,用于限制局部变量的生命周期. 构造代码块:在类中的成员变量位置并用{}括起来的 ...

  6. POJ1276 - Cash Machine(多重背包)

    题目大意 给定一个容量为M的背包以及n种物品,每种物品有一个体积和数量,要求你用这些物品尽量的装满背包 题解 就是多重背包~~~~用二进制优化了一下,就是把每种物品的数量cnt拆成由几个数组成,1,2 ...

  7. Kooboo CMS 介绍

    Kooboo的定位是一个CMS,内容管理平台,从更严格意义上来说,它更应该网站快速开发平台.针对一般网站开发过程的分析和提炼,着重在解决网站的一般需求,提出一套快速开发网站的理念和方法.在这些理念和方 ...

  8. Asp.net多行文本框随内容增加而高度增加

    最近做一个项目,在一个多行文本框(TextBox)里显示新闻内容,由于内容有多有少,并且总是出现垂直滚动条,很不好看,笔者就想用一个法子,去掉垂直滚动条,并且文本框的高度随内容的增加而变大,使高度适应 ...

  9. jQuery进行图片预先加载

    /** **将图片加载到内存中,在页面任何位置引用的时候,直接从缓存中读取,提升用户的体验,提高网站的流畅度.** **/ <!DOCTYPE html PUBLIC "-//W3C/ ...

  10. HTML对JSON的操作

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...