`
cakin24
  • 浏览: 1404946 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

javascript三种函数调用方式

阅读更多
一 函数的简单调用
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>
1
0
分享到:
评论

相关推荐

    C#与JAVASCRIPT函数的相互调用 C#调用JAVASCRIPT函数的调用 JAVASCRIPT调用C#函数的调用

    C#与JAVASCRIPT函数的相互调用 C#调用JAVASCRIPT函数的调用 JAVASCRIPT调用C#函数的调用

    JS 四种函数调用模式

    在 JS 中,有四种主要的函数调用模式,分别是:普通函数调用、方法调用、构造函数调用和apply/call调用。下面我们将详细探讨这些调用模式。 1. **普通函数调用**: 这是最常见的情况,函数作为一个独立的实体被执行...

    JavaScript程序设计课件:函数的调用方式.pptx

    JavaScript提供了 4 种函数调用: 一般形式的函数调用 作为对象的方法调用 使用 call 和 apply 动态调用 使用 new 间接调用 5.2.2 函数的调用方式 2、函数的调用方式 一般形式的函数调用,是常见的函数调用方式,...

    JavaScript函数的调用以及参数传递

    JavaScript 函数调用 JavaScript 函数有 4 种调用方式。 每种方式的不同方式在于 this 的初始化。 this 关键字 一般而言,在Javascript中,this指向函数执行时的当前对象。 Note 注意 this 是保留关键字,你不能...

    javascript调用delphi中的函数

    标题“javascript调用delphi中的函数”涉及到的技术领域是跨语言通信,具体是JavaScript与Delphi之间的交互。这种交互通常发生在Web应用程序与桌面应用程序的集成,或者在浏览器扩展和本地资源之间。以下是对这一...

    QT和网页中的JavaScript函数进行相互调用的实现

    - 这里的回调函数用于处理JavaScript函数的异步返回结果,如果需要同步获取结果,可以使用`QWebEngineScript`来注册一个全局JavaScript对象,然后通过该对象调用JavaScript函数。 2. **JavaScript调用QT函数**: ...

    JavaScript中函数对象调用模式总结

    这篇博客通过深入分析JavaScript中的函数调用模式,帮助开发者更好地理解和掌握这些概念。 首先,JavaScript是一种动态类型语言,其中函数不仅是一种数据类型,还能够作为值进行传递和存储。这种特性被称为“函数是...

    javascript实现根据函数名称字符串动态执行函数的方法示例

    接下来,我们来看看实现动态函数调用的几种方式: 1. 使用eval()函数: eval()函数可以执行字符串中的JavaScript代码,如果我们知道要调用的函数名的字符串,可以将其与括号“()”组合起来形成代码字符串,并用eval...

    vbscript和javascript互相调用方法

    例如,如果你想从VBScript调用一个名为`myFunc`的JavaScript函数,你可以这样做: ```vbscript Dim myObj Set myObj = Server.CreateObject("Scripting.Dictionary") myObj.Language = "JScript" myObj.Add "myFunc...

    Javascript调用C#函数示例程序

    一个在HTML中使用Javascript的window.external调用C#内函数的示例程序。该方法可应用于网页程序开发中的网页-程序沟通,例如用C#的IHTMLWindow2.execScript替换HTML默认Javascript方法使其直接与C#传参、通讯。

    JavaScript函数调用堆栈loader

    总结起来,"JavaScript函数调用堆栈loader"是Webpack中的一个工具,它可以帮助开发者捕获并可视化JavaScript代码的执行路径,提供了一种有效的方式来调试和优化程序,尤其对于理解和解决运行时错误、性能瓶颈等问题...

    C#代码与javaScript函数的相互调用

    本文将详细探讨C#与JavaScript之间的相互调用方法,主要涉及四个方面的内容:如何在JavaScript中访问C#函数、如何在JavaScript中访问C#变量、如何在C#中访问JavaScript已有的变量以及如何在C#中访问JavaScript函数。...

    c#代码与javascript函数的相互调用

    本文将深入探讨C#代码与JavaScript函数的相互调用机制,解析如何在ASP.NET环境中利用这两种语言的优势,构建高效、动态的Web应用。 ### C#调用JavaScript #### 直接插入JavaScript代码 在C#的ASP.NET页面中,可以...

    Babel插件用于带任何函数调用

    总的来说,这个Babel插件提供了一种定制化的方式来处理JavaScript代码中的函数调用,以适应各种开发需求,比如优化、安全性和兼容性。如果你在JavaScript开发中遇到需要处理特定函数调用的场景,这样的插件可能会...

    在javascript函数中调用com组件的属性和方法

    在javascript函数中调用com组件的属性和方法 在JavaScript函数中调用COM组件的属性和方法是指在JavaScript代码中使用COM组件提供的属性和方法来实现各种功能。本文将介绍如何在JavaScript函数中调用COM组件的属性和...

    javascript函数式编程

    JavaScript函数式编程是一种编程范式,它强调将计算视为数据处理的过程,并且重视函数作为第一类公民,即函数可以作为变量赋值、作为参数传递、作为返回值返回。这种编程风格在JavaScript中尤其常见,因为它提供了...

    javascript_函数大全

    ### JavaScript函数...掌握JavaScript函数的不同使用方式和高级特性,对于提升编程技能和编写高效、可维护的代码至关重要。通过实践和深入理解,开发者可以充分利用函数的力量,构建出更加健壮和灵活的Web应用程序。

    Javascript中调用C++函数

    为了在JavaScript中调用C++函数,我们需要一个中间层来桥接这两种语言。这个中间层通常是一个库或插件,它在JavaScript环境中暴露C++函数,使得JavaScript能够调用它们。 在MFC框架下,我们可以使用ActiveX控件或...

    qt 调用javascript函数 带参数

    本篇文章将深入探讨如何在Qt中调用JavaScript函数并传递参数,以实现更丰富的功能。 首先,Qt的Webkit模块是实现这一目标的关键。Qt Webkit是一个基于WebKit引擎的组件,它允许Qt应用渲染网页内容,并与网页进行...

    JavaScript函数式编程.pdf

    柯里化有助于参数复用和延迟计算,使得函数调用更加灵活。 7. 组合(Composition) 函数组合是指将简单的函数组合成复杂函数的过程。在JavaScript函数式编程中,组合函数可以将多个小的、单一功能的函数串联起来,...

Global site tag (gtag.js) - Google Analytics