JavaScript基本语法-函数_绿色软件之家

绿色软件之家:您身边最放心的安全下载站! 最新更新|软件分类|软件专题|手机版|系统之家|纯净系统

您当前所在位置:首页网络编程JAVA编程 → JavaScript基本语法-函数

JavaScript基本语法-函数

时间:2015/6/28来源:绿色软件之家作者:网管联盟我要评论(0)

函数为程序设计人员提供了方便,通常在进行一个复杂的程序设计时,总是根据所要完成的功能,将程序划分为一些相对独立的部分,每一部分编写一个函数。从而,使各部分充分独立,任务单一,程序清晰,易懂、易读、易维护。

函数是一个拥有名字的一系列javascript语句的有效结合。只要这个函数被调用,就意味着这一系列Javascript语句被按顺序解释执行。一个函数可以有自己的并可以在函数内使用的参数。

函数的第二个作用是将Javascript语句同一个Web页面相连接。任何一个用户的交互动作都会引起一个事件,通过适当的HTML标记,可以间接地引起一个函数的调用。这样的调用也称为事件处理。

1.定义函数
定义一个函数和调用一个函数是两个截然不同的概念。定义一个函数只是让浏览器知道有这样一个函数。而只有在函数被调用时,其代码才真正执行。
基本语法
01  function 函数名称(参数表)
02  {
03  函数执行部分:
04  return 表达式;
05  }
语法解释
return语句指明将由函数返回的值。return语句是函数内部和外部相互交流和通讯的惟一途径。
文件范例:15-12.htm
在脚本中定义函数。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:15-12.htm -->
03  <!-- 文件说明:在脚本中定义函数 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>在脚本中定义函数</TITLE>
08  <script language="javascript">
09  <!--
10  function displayTaggedText(tag,text)
11  {
12  document.write("<"+tag+">");
13  document.write(text);
14  document.write("</"+tag+">");
15  }
16  //-->
17  </script>
18  </HEAD>
19  <BODY>
20  <script language="javascript">
21  <!--
22  displayTaggedText("H1","this is a level1 heading");
23  displayTaggedText("p","this is a paragraph");
24  //-->
25  </script>
26  </BODY>
27  </HTML>
文件说明
这里我们定义了一个函数,这个函数没有返回值。我们每次调用就会将相应的内容显示到浏览器上。

2.调用函数
当使用return语句的时候,要得到函数的返回值,只要利用函数名对一个变量赋值就可以了。
文件范例:15-13.htm
在脚本中使用函数。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:15-13.htm -->
03  <!-- 文件说明:使用函数 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>使用函数</TITLE>
08  <script language="javascript">
09  <!--
10  function f(y)
11  {
12  var x=y*y;
13  return x;
14  }
15  //-->
16  </script>
17  </HEAD>
18  <BODY>
19  <script language="javascript">
20  <!--
21  x=3;
22  y=f(x);
23  document.write(y);
24  -->
25  </script>
26  </BODY>
27 </HTML>
文件说明
第10-13行定义了函数的功能为进行算术的平方,返回值;第21行给变量x赋值为3,第22行调用函数,第23行将y值输出。

关键词标签:函数,语法,基本,-->

相关阅读

文章评论
发表评论

热门文章 eclipse中如何设置字体大小_eclipse字体大小eclipse中如何设置字体大小_eclipse字体大小

相关下载

人气排行 JS验证日期格式是否正确Java中3DES加密解密调用示例Java技术-J2EE开发日记-MyEclipse快捷键与插件大全用Java删除文件夹里的所有文件JavaScript基本语法-常量和变量eclipse中如何设置字体大小_eclipse字体大小设置方法C#中的空值的判断100多个很有用的JavaScript函数以及基础写法汇总