定义函数、调用函数、参数、返回值

关键字function定义函数，格式如下：

function 函数名()
{

函数体

}

调用函数、参数、返回值的规则和c语言规则类似。

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta chaset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <script>
  9.          function sum(a,b)      //定义一个加法函数，有两个参数a和b
  10.          {
  11.              var x=a+b;
  12.              return x;　　　　　　//return返回值
  13.          }
  14.      var s=sum(1,2);　　　　　　　//使用这个函数
  15.      alert(s);　　　　　　　　　　 //将结果弹窗显示
  16.      </script>
  17.  </body>
  18.  </html>

用一个按钮调用函数

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta chaset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <script>
  9.          function sum(a,b)        //定义一个加法函数
  10.          {
  11.              var x=a+b;
  12.              alert(x);            //将结果弹窗显示
  13.          }
  14.      </script>
  15.      <form>
  16.          <input type="button" value="按钮" onclick="sum(10,20)">  //用按钮调用函数
  17.      </form>
  18.  </body>
  19.  </html>

或者

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta chaset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <script>
  9.          function sum(a,b)    //定义一个加法函数
  10.          {
  11.              var x=a+b;
  12.              alert(x);            //将结果弹窗显示
  13.          }
  14.      </script>
  15.      <button onclick="sum(10,20)">按钮</button>
  16.  </body>
  17.  </html>

调用效果如下：

将函数的返回值替换标签内容

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta chaset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <p id="pid">hello</p>
  9.      <script>
  10.          function demo(name,age)
  11.          {
  12.              return "hello:"+name+",我的年龄是:"+age;
  13.          }
  14.          document.getElementById("pid").innerHTML=demo("tom",18);//将demo函数的返回值替换id="pid"的标签内容
  15.      </script>
  16.  </body>
  17.  </html>

局部变量和全局变量

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta chaset="UTF-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <script>
  9.           var x=10; 　　　　　　　　　 //全局变量
  10.          function demo(name,age)
  11.          {
  12.              var y=10;　　　　　　　 //局部变量，只能在函数内使用
  13.              z=10;　　　　　　　　　　//全局变量
  14.          }     </script>
  15.  </body>
  16.  </html>

javascript学习笔记（二）：定义函数、调用函数、参数、返回值、局部和全局变量的更多相关文章

  1. ES6学习笔记<二>arrow functions 箭头函数、template string、destructuring

    接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick = ...

  2. python3.4学习笔记(二十) python strip()函数 去空格\n\r\t函数的用法

    python3.4学习笔记(二十) python strip()函数 去空格\n\r\t函数的用法 在Python中字符串处理函数里有三个去空格(包括'\n', '\r', '\t', ' ')的函数 ...

  3. python3.4学习笔记(二十三) Python调用淘宝IP库获取IP归属地返回省市运营商实例代码

    python3.4学习笔记(二十三) Python调用淘宝IP库获取IP归属地返回省市运营商实例代码 淘宝IP地址库 http://ip.taobao.com/目前提供的服务包括:1. 根据用户提供的 ...

  4. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二．querySelector( ...

  5. <深入理解JavaScript>学习笔记(4)_立即调用的函数表达式

    前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行.(小菜理解:的确看到好多,之前都不知道这是自执行匿名函数) 在详细了解这个之前,我们来谈了解一下 ...

  6. JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象

    一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...

  7. JavaScript学习笔记（七）—— 再说函数

    第八章 函数 1 函数声明和函数表达式 差别一:函数声明:函数在执行代码前被创建:函数表达式是在运行阶段执行代码时创建: 差别二:函数声明创建一个与函数同名的变量,并让她指向函数:使用函数表达式,不给 ...

  8. javascript学习笔记二

    1.js的string对象 **创建 String对象 *** var str = "abc"; **方法 和 属性(文档) *** 属性 length : 字符串的长度 ***方 ...

  9. JavaScript学习笔记3之 数组 & arguments（参数对象）& 数字和字符串转换 & innerText/innerHTML & 鼠标事件

    一.Array数组 1.数组初始化(Array属于对象类型) /*关于数组的初始化*/ //1.创建 Array 对象--方法1: var arr1=[]; arr1[0]='aa';//给数组元素赋 ...

  10. Bash脚本编程学习笔记04：测试命令test、状态返回值、位置参数和特殊变量

    我自己接触Linux主要是大学学习的Turbolinux --> 根据<鸟哥的Linux私房菜:基础篇>(第三版) --> 马哥的就业班课程.给我的感觉是这些课程对于bash的 ...

随机推荐

  1. Linux 搜索日志信息

    在工作中我们经常要通过日志来查找问题,但有时候日志太多又不知道日志什么时候打印的,这时我们可以通过一下方法来查找: 1.进入到日志文件存放的目录下 2.grep  关键字  *    例如要查找多有有 ...

  2. jl1.如何设置元素的宽高包含元素的边框和内边距

    方法一: 文档地址:http://www.w3school.com.cn/cssref/pr_box-sizing.asp CSS3 box-sizing属性:    box-sizing: bord ...

  3. django相关

    后台运行django:https://blog.csdn.net/rnger/article/details/79907884 nohup python manage.py runserver 0.0 ...

  4. sparksql进阶

    scala> val df=spark.read.json("/tmp/pdf1json")df: org.apache.spark.sql.DataFrame = [age ...

  5. GIFDecoder源码分析

    源码见:ddxxll2008/gifdecoder_java run() public void run(){ if(in != null){ readStream(); }else if(gifDa ...

  6. 深度学习原理与框架-RNN网络框架-LSTM框架 1.控制门单元 2.遗忘门单元 3.记忆门单元 4.控制门单元更新 5.输出门单元 6.LSTM网络结构

    LSTM网络是有LSTM每个单元所串接而成的, 从下面可以看出RNN与LSTM网络的差异, LSTM主要有控制门单元和输出门单元组成 控制门单元又是由遗忘门单元和记忆门单元的加和组成. 1.控制门单元 ...

  7. jsfl 将库中声音放置到时间轴上

    setBrokenFrames("cz1.mp3",2); /**/ /*<--------------将库中声音放置到时间轴上------------->*/ /** ...

  8. ORM查询api

    下面的方法都是对查询的结果进行出理:比如objects.filter.values()... 1)values(*field):返回一个可迭代的字典序列<QuerySet: [{name='小王 ...

  9. NGUI 背景图自适应

    背景图UISprite组件调整如下: UIRoot设置: 不保持比例自适应: 保持宽与屏幕宽一致,高度随宽的缩放比例进行缩放:

  10. ReactiveX 学习笔记（10）可连接的数据流

    Connectable Observable Operators 本文的主题为处理 Connectable Observable 的操作符. 这里的 Observable 实质上是可观察的数据流. R ...