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. python __builtins__ help类 （32）

    32.'help', 接收对象作为参数,更详细地返回该对象的所有属性和方法 class _Helper(builtins.object) | Define the builtin 'help'. | ...

  2. kibana 操作

    插入时不指明id,不会自动生成id,和视频中的不一样啊 解决: 其实是可以的,不过put不可以 POST才可以 中文输入有问题: 待解决: 基本操作记录 GET _search { "que ...

  3. 修改static控件背景颜色和文字颜色

    当 static 控件或具有 ES_READONLY 风格的 edit 控件被绘制时,会向父窗口发送 WM_CTLCOLORSTATIC 消息.如果我们在窗口过程中处理该消息,就必须返回一个画刷句柄, ...

  4. 跟我一起玩Win32开发（22）：抓取屏幕

    关于如何拷贝屏幕并保存,这里已经有现成的例子,我也不必去Copy人家了,我一向不喜欢Copy.这里有一个完整的例子,可以看看. http://msdn.microsoft.com/EN-US/libr ...

  5. 【模板】c++动态数组vector

    相信大家都知道$C$++里有一个流弊的$STL$模板库.. 今天我们就要谈一谈这里面的一个容器:动态数组$vector$. $vector$实际上类似于$a[]$这个东西,也就是说它重载了$[]$运算 ...

  6. Android课程设计第六天欢迎界面（跳转）

    注意:课程设计只为完成任务,不做细节描述~ package com.example.myapplication; import android.app.Activity; import android ...

  7. 那些坑爹的python面试题

    python基础知识思维导图 MyProcessOn Python基础: 说说你眼中的python( 2 ) 谈谈你对python和其他语言的区别 1. python 中,变量是以内容为基准而不是像 ...

  8. java中常用到的math方法（Math.PI、Math.random()、Math.abs(double)、Math.floor(double)、Math.ceil(double)、Math.round(double)）

    public class MathDemo { public static void main(String args[]){ /** * abs求绝对值 */ System.out.println( ...

  9. 用eclipse-inst-win64.exe安装eclipse出现Java for Windows Missing 的原因

    Java for Windows Missing 因为jdk的版本没有对,我这里是64位的机器上安了32位的jdk,所以一直报这个. 必须换上相对应版本的jdk,提示页面有链接,直接点击就可以下载. ...

  10. RHEL 6.5 ----Postfix邮件服务器

    主机名 IP  服务  master 192.168.30.130   slave 192.168.30.131   软件包介绍 包名  介绍  postfix-2.6.6-2.2.el6_1.x86 ...