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. P5167 xtq的神笔

    传送门 题解 倍增也好二分也好,果然复杂度只要和\(\log\)插上关系就没我啥事了-- 首先由一个显而易见然而我完全没有发现的结论,设\(calc(l,r)\)表示区间\([l,r]\)的\(or\ ...

  2. 3.bool布尔值int,str的转化，字符串的常用方法，字符串format，is判断（字符串的数字），for循环

    1.bool 布尔值 bool 布尔值 -- 用于条件使用 True 真 False 假 True 真 False 假 print(bool(-10)) # 0 是 False 非0的都是True p ...

  3. 给Clouderamanager集群里安装基于Hive的大数据实时分析查询引擎工具Impala步骤（图文详解）

    这个很简单,在集群机器里,选择就是了,本来自带就有Impala的. 扩展博客 给Ambari集群里安装基于Hive的大数据实时分析查询引擎工具Impala步骤(图文详解)

  4. 无向图的边双连通分量（EBC）

    嗯,首先边双连通分量(双连通分量之一)是:在一个无向图中,去掉任意的一条边都不会改变此图的连通性,即不存在桥(连通两个边双连通分量的边),称作边双连通分量.一个无向图的每一个极大边双连通子图称作此无向 ...

  5. scikit-learning教程（四）选择合适的估计量

    选择正确的估计 解决机器学习问题的最困难的部分通常是找到合适的工作量. 不同的估计器更适合于不同类型的数据和不同的问题. 下面的流程图旨在给用户一些关于如何处理关于哪些估计器尝试您的数据的问题的粗略指 ...

  6. queue+模拟 Codeforces Round #304 (Div. 2) C. Soldier and Cards

    题目传送门 /* 题意:两堆牌,每次拿出上面的牌做比较,大的一方收走两张牌,直到一方没有牌 queue容器:模拟上述过程,当次数达到最大值时判断为-1 */ #include <cstdio&g ...

  7. JAVA线程操作常见面试题 包括不使用内部类对多个线程加减1

    class ManyThreads2 { private int j = 0; public synchronized void inc() { j++; System.out.println(Thr ...

  8. (转 )Unity对Lua的编辑器拓展

    转 http://blog.csdn.net/ZhangDi2017/article/details/61203505 当前版本的Unity(截至Unity5.5.x)中TextAsset类不支持后缀 ...

  9. android开发学习 ------- 【转】EventBus的学习理解

    EventBus是一个Android端优化的publish/subscribe消息总线,简化了应用程序内各组件间.组件与后台线程间的通信. 比如请求网络,等网络返回时通过Handler或Broadca ...

  10. 多路复用IO和异步IO

    多路复用I/O 它的基本原理就是select/epoll这个function会不断的轮询所负责的所有socket,当某个socket有数据到达了,就通知用户进程. 流程图如下: 当用户进程调用了sel ...