JavaScript中函数的调用

制作人：全心全意

在JavaScript中，函数定义后并不会自动执行，要执行一个函数需要在特定的位置调用该函数，调用函数需要创建调用语句，调用语句包含函数名称和参数。

函数的简单调用

函数的定义语句通常被放在HTML文件的<HEAD>段中，而函数的调用语句通常被放在<BODY>段中，如果在函数定义之前调用函数，执行将会出错。

函数的简单调用基本语法格式如下：

<html>

<head>

<meta charset="utf-8">

<title>欢迎访问</title>

<script type="text/javascript">

	//定义函数

	function functionName(parameter) {

		statements;

	}

</script>

</head>

<body>

	<script type="text/javascript">

		//调用函数

		functionName(parameter);

	</script>

</body>

</html>

在事件中调用函数

当用户单击某个按钮或选中某个复选框时都将触发事件，通过编写程序对事件作出反应的行为称为响应事件，在JavaScript语言中，将函数与事件相关联就完成了响应事件的过程。如当用户单击某个按钮时执行相应的函数。

在事件中调用函数的基本语法格式如下：

<html>

<head>

<meta charset="utf-8">

<title>欢迎访问</title>

<script type="text/javascript">

	function test() {

		alert("test");

	}

</script>

</head>

<body>

	<form action="" method="post" name="form1">

		<input type="button" value="提交" onclick="test();">

		//在按钮单击事件触发时调用自定义的函数

	</form>

</body>

</html>

　　

通过链接调用函数

函数除了可以在响应事件中被调用之外，还可以在链接中被调用，在<a>标签中的href标记中使用“javascript:关键字”链接来调用函数。

通过链接调用函数的基本语法格式如下：

<html>

<head>

<meta charset="utf-8">

<title>欢迎访问</title>

<script type="text/javascript">

	function test() {

		alert("test");

	}

</script>

</head>

<body>

	<a href="javascript:test()">test</a> //在链接中调用函数

</body>

</html>

　　

JavaScript中函数的调用的更多相关文章

  1. JavaScript中函数的调用！

    JavaScript中函数的调用! 1 普通函数 // 1 普通函数 function fn() { console.log(123); } // 函数名 + 一个小括号! 或者 函数名.call() ...

  2. JavaScript中函数引用调用和函数直接调用的区别

    首先看下面的代码: var x = 1 var f1 = function( f ) { var x = 2 ; f( ' console.log( x ) ' ) } var f2 =  funct ...

  3. JavaScript中函数立即调用的写法

     第一:在含数前面加一元运算符: //方法1 +function (i) { console.log('+'); }(1); //方法2 -function (i) { console.log('-' ...

  4. Javascript中函数的四种调用方式

    一.Javascript中函数的几个基本知识点: 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数,这个函数指向的仍然是同一个函数. 2.函数中有两个特殊的内部属 ...

  5. JavaScript中的尾调用优化

    文章来源自:http://www.zhufengpeixun.com/qianduanjishuziliao/javaScriptzhuanti/2017-08-08/768.html JavaScr ...

  6. JavaScript中函数作为另一个函数的参数的时候它存在于哪个作用域

    一直对函数作为参数被传递进另外一个函数理解的不是很清除.先看下这段代码吧: function test(fn){ var bar = 1; fn(); } var bar = 99; test(fun ...

  7. javascript中函数声明、变量声明以及变量赋值之间的关系与影响

    javascript中函数声明.变量声明以及变量赋值之间的关系与影响 函数声明.变量声明以及变量赋值之间有以下几点共识: 1.所有的全局变量都是window的属性 2.函数声明被提升到范围作用域的顶端 ...

  8. 改变JavaScript中函数的内部this指向！

    改变JavaScript中函数的内部this指向! 第一种方法 call call 可以 调用函数 + 改变函数内的this指向! var obj = { name: 'lvhang' } funct ...

  9. 了解Javascript中函数作为对象的魅力

    前言 Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象.那就意味着在javascript中函数可以有属性,可以有方法, 可以享有所有对象所拥有的特性.并且最重 ...

随机推荐

  1. 易爆物（X-Plosives ）基础并查集

    #include <iostream> #include <algorithm> using namespace std; + ; int fa[maxn]; int Find ...

  2. hdu 1558 Segment set 计算几何+并查集★

    #include <cstdio> #include <iostream> #include <string.h> using namespace std; ; # ...

  3. python中时间日期格式化符号的含义

    %y   两位数的年份表示(00-99) %Y 四位数的年份表示(000-9999) %m 月份(01-12) %d 月内中的一天(0-31) %H    24小时制小时数(0-23) %I   12 ...

  4. Lightoj 1038 - Race to 1 Again (概率DP)

    题目链接: Lightoj  1038 - Race to 1 Again 题目描述: 给出一个数D,每次可以选择数D的一个因子,用数D除上这个因子得到一个新的数D,为数D变为1的操作次数的期望为多少 ...

  5. WOJ1109 奶牛排队

    题目链接: WOJ1109 题目描述: 奶牛在熊大妈的带领下排成了一条直队. 显然,不同的奶牛身高不一定相同-- 现在,奶牛们想知道,如果找出一些连续的奶牛,要求最左边的奶牛A是最矮的,最右边的B是最 ...

  6. SonarQube+Svn+Jenkins环境搭建----问题总结

    1.配置SVN后提示unable to access to repository,原因是使用的账户没有访问svn的权限,创建新的用户即可.注意新的用户,用户名,密码要跟svn上的权限一致.     创 ...

  7. Castle.net

    using System; using System.Collections.Generic; using System.Linq;using System.Text;using Castle.Act ...

  8. spring boot jar启动

    1.依赖包输出 记得禁用热加载 <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactI ...

  9. AJPFX总结之Socket编程

    一.Socket简介 Socket是进程通讯的一种方式,即调用这个网络库的一些API函数实现分布在不同主机的相关进程之间的数据交换. 几个定义: (1)IP地址:即依照TCP/IP协议分配给本地主机的 ...

  10. AJPFX总结java开发常用类（包装，数字处理集合等）（一）

    一:首谈java中的包装类 Java为基本类型提供包装类,这使得任何接受对象的操作也可以用来操作基本类型,直接将简单类型的变量表示为一个类,在执行变量类型的相互转换时,我们会大量使用这些包装类.jav ...