javascript三种函数调用方式

今天药忘吃喽~ 2022-05-11 23:40 331阅读 0赞

**一 函数的简单调用**

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

语法：

<html>

<head>

<script type="text/javascript">

function functionName(parameters)

\{

some statements;

\}

</script>

</head>

<body>

functionName(parameters);

</body>

</html>

functionName：函数名称。

parameters：参数名称。

2、函数的简单应用

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>函数的简单应用</title>

<script type="text/javascript">

function print(statement1,statement2,statement3)

\{

alert(statement1+statement2+statement3); //在页面中弹出对话框

\}

</script>

</head>

<body>

<script type="text/javascript">

print("第一个JavaScript函数程序 ","作者:","wsy"); //在页面中调用print（）函数

</script>

</body>

</html>

3、函数运行说明

调用函数的语句将字符串“第一个JavaScript函数程序”、“作者”和“wsy”，分别赋予变量statement1、statement2和statement3。

**二 在事件响应中调用函数**

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

2、应用举例

<script language="javascript">

function test()

\{

alert("test");

\}

</script>

</head>

<body>

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

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

</form>

</body>

3、运行说明

首先定义一个名为test()的函数，函数体比较简单，使用alert()语句返回一个字符串，最后在按钮onClick事件中调用test()函数。当用户单击提交按钮后将弹出相应对话框。

**三 通过链接调用函数**

函数除了可以在响应事件中被调用之外，还可以在链接中被调用。在<a>标签中的href标记中使用javascript:关键字调用函数，当用户单击这个链接时，相关函数将被执行。下面的代码用于实现通过链接调用函数。

<script language="javascript">

function test()

\{

alert("test");

\}

</script>

</head>

<body>

<a href="javascript:test();">test</a>

</body>

发表评论取消回复

表情：

评论列表（有 0 条评论，331人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS函数的4种调用方式

函数可以声明定义，也可以是一个表达式，函数使用关键字function定义函数被定义时，函数内部的代码不会执行函数被调用时，函数内部的代码才会执行函数有四种调用方

傷城~/ 2023年10月04日 22:07/ 0 赞/ 41 阅读

相关 java调用javascript函数_Java调用javascript函数

Java中自带库函数中有ScriptEngine可以支持javascript等script文件 ScriptEngineManager manager = new Scrip

墨蓝/ 2022年11月07日 14:59/ 0 赞/ 255 阅读

相关【javascript笔记】声明函数的三种方式<二>

最近在看js书籍,记录了一下：通常我们使用的是使用函数声明语法定义： function functionName(arg1,arg2){

不念不忘少年蓝@/ 2022年08月13日 12:56/ 0 赞/ 207 阅读

相关 JavaScript中函数定义的三种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

你的名字/ 2022年08月04日 11:46/ 0 赞/ 213 阅读

相关 javascript中对象创建的三种方式及其调用方法

JavaScript中有以下三种方法创建对象 1. 使用内置的对象： var 对象名 = new Object(); 2. 使用JSON格式： var 对象名 =

╰半橙微兮°/ 2022年06月13日 07:28/ 0 赞/ 258 阅读

相关 sql 四舍五入两种函数（三种方式）

select cast(3.14459 asnumeric(18,2)) 结果为:3.14 selectconvert(decimal(18, 2), 3.14559)

青旅半醒/ 2022年06月01日 23:52/ 0 赞/ 213 阅读

相关 JavaScript函数调用的四种方式以及this指向

-------------------- 1.函数调用模式 function fn(){ console.log(this);

缺乏、安全感/ 2022年05月31日 13:10/ 0 赞/ 224 阅读

相关 javascript三种函数调用方式

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

今天药忘吃喽~/ 2022年05月11日 23:40/ 0 赞/ 332 阅读

相关 iOS 方法调用的三种方式

- (void)printHD:(NSString )str { NSLog(@"%@", str); } - (void)t

偏执的太偏执、/ 2022年03月17日 21:26/ 0 赞/ 510 阅读

相关【JavaScript】三种方式实现JavaScript继承

1，组合继承 function Parent(value) { this.val = value } Parent.prototype

一时失言乱红尘/ 2022年03月10日 08:46/ 0 赞/ 243 阅读