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. springcloud(一) 服务拆分

    一般我们的项目如果需要从单应用服务升级到微服务,必须要将原来的服务做拆分,我这边的拆分也是基于将之前spb-demo的springboot单应用做拆分,拆分出三个应用,spb-brian-query- ...

  2. CentOS服务器下安装配置SSL

    https是一个安全的访问方式,数据在传输过程中是加密的,https基于SSL. 一.安装apache和ssl模块 1.安装apache #yum install httpd 2.安装ssl模块 #y ...

  3. Windows、Linux、Android常用软件分享

    Windows.Linux.Android常用软件分享 前言 本来没准备写这篇博客,一是没时间,还有其他很多优先级更高的事情要做.二是写这种博客对我自己来说没什么的帮助,以前我就想好了不写教程类,使用 ...

  4. Android APK加壳技术方案

    Android APK加壳技术方案[1] Android APK加壳技术方案[2]

  5. pyton 基础，运算符及字符类型。

    一.python运算符: 二.数据类型: 1.数字: int  :整型 32位机器上一个整数取值范围为-2**31~2**31-1即-2147483648~2147483647 64位机器上一个整数取 ...

  6. AJPFX总结方法重载与方法重写的区别

    方法重载在同一个类中,可以出现同名方法,但是这些同名方法的参数列表必须不同,这样定义方法叫做方法重载.方法重载的特点重载的注意事项重载与返回值无关重载与具体的变量标识符无关重载只与方法名与参数相关重载 ...

  7. re正则表达式公式讲解3

    1.分组匹配    用()把需要分组的类型括起来,如下 import re m = re.search("([a-z]+)([0-9]+)","alex123" ...

  8. js操作css样式、js的兼容问题

    一.js操作css样式 div . style . width="200px" 在div标签内我们添加了一个style属性,并设定width值.这种写法会给标签带来大量的style ...

  9. canvas画饼图

    <style> body {    background: black;    text-align: center; } #cans {    background: white; } ...

  10. Oracle Storage in Action : 删除物理数据文件

    ALTER TABLESPACE XH_DM DROP DATAFILE 'F:\DEV\ORACLE-DATA\ORCL\XH_DM_1.DBF'; SQL> ALTER TABLESPACE ...