【JS】Js中函数的三种调用方式

在同一个页面中,函数名必须是唯一的,并且区分大小写。Js中可以通过下面三种方式调用函数:

1、 函数的简单调用

2、 在事件的响应中调用函数

3、 通过连接调用函数

具体是怎么操作的呢,下面一一讲解:

函数的简单调用:函数的定义语句通畅被放在HTML文件的<head>内,而函数的调用语句通常被放在<body>中。如果函数定义之前调用函数,执行将会出错。

语法如下:

<head>
<script type="text/javascript">
                  function functionName(parameters){               //定义函数
                            some statements;
                  }
</script>
</head>
<body>
    <script type="text/javascript">
             functionName(parameters);            //调用函数
    </script>
</body>

在事件的相应中调用函数:

<head>
<script type="text/javascript">
                  function test(){
                            alert('123');
                  }
</script>
</head>
<body>
         <form action="***" method="post" name="form1">
                   <!-- onclick表示在按钮时间出发时调用自定义函数 -->
                   <input  type="button" value="提交"  onclick="test();"/>
         </form>
</body>

通过链接调用函数:在<a>标签中的href标语中使用”javascript:关键字”格式来调用函数

<head>
<script type="text/javascript">
                  function test(){
                            alert('I love you!');
                  }
</script>
</head>
<body>
         <a href="javascript:test();">test</a>
</body>

Author:致知

Sign:路漫漫其修远兮,吾将上下而求索。

时间: 2024-12-29 11:21:00

【JS】Js中函数的三种调用方式的相关文章

Javascript中函数的四种调用方式

一.Javascript中函数的几个基本知识点: 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数,这个函数指向的仍然是同一个函数. 2.函数中有两个特殊的内部属性:arguments和this. arguments主要是用来保存函数参数,arguments中的callee属性主要是用来指向拥有当前arguments的函数(理解Javascript参数中的arguments对象). 3.在ECMAScript5中规范了另一个函数属性:caller(Opera

Code-C#-Delegate:委托(delegate)的三种调用方式:同步调用,异步调用,异步回调

ylbtech-Code-C#-Delegate:委托(delegate)的三种调用方式:同步调用,异步调用,异步回调 1.返回顶部 1. 下面为即将被调用的方法: public delegate int AddHandler(int a, int b); public class 加法类 { public static int Add(int a, int b) { Console.WriteLine("开始计算:" + a + "+" + b); Thread.

JavaScript中函数的四种调用模式

理解函数的四种调用方法,可以有效的帮助我们分析和理解JavaScript代码.但是经常有人分不清楚或者不理解这四种调用模式,在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:1.函数调用形式 2.方法调用形式 3.构造器调用形式 4.上下文调用形式(apply,call)这里所有的调用模式中,最主要的区别在于关键字 this 的意义.下面分别介绍这几种调用形式. 一.函数调用形式

JS弹出对话框的三种实现方式的意义

最近开始学习JavaScript,最开始讲的就是alert().confirm()和prompt()三种JS弹出对话框.三种弹出对话框分别是警告.确认和提示消息. 第一种警告消息框 (alert)     alert 方法有一个参数,即希望对用户显示的文本字符串.该字符串不是 HTML 格式.该消息框提供了一个"确定"按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作. <script> alert("Hello

Vue组件的三种调用方式

最近在写fj-service-system的时候,遇到了一些问题.那就是我有些组件,比如Dialog.Message这样的组件,是引入三方组件库,比如element-ui这样的,还是自己实现一个?虽然它们有按需引入的功能,但是整体风格和我的整个系统不搭.于是就可以考虑自己手动实现这些简单的组件了. 通常我们看Vue的一些文章的时候,我们能看到的通常是讲Vue单文件组件化开发页面的.单一组件开发的文章相对就较少了.我在做fj-service-system项目的时候,发现其实单一组件开发也是很有意思

javascript中函数的四种调用模式详解

介绍函数四种调用模式前,我们先来了解一下函数和方法的概念,其实函数和方法本质是一样,就是称呼不一样而已.函数:如果一个函数与任何对象关系,就称该函数为函数.方法:如果一个函数作为一个对象属性存在,我们就称之为方法.接下来就可以开始今天的主体. 1.函数调用模式. 就是通过函数来调用,规范写法为:function fn(){} fn(); 函数中this的指向->window.案例如下: var age = 38; var obj = { age: 18, getAge: function() {

243 函数:函数的3种定义方式,函数的6种调用方式

1.函数的定义和调用 1.1 函数的定义方式 方式1 函数声明方式 function 关键字 (命名函数) function fn(){} 方式2 函数表达式(匿名函数) var fn = function(){} 方式3 new Function() var f = new Function('a', 'b', 'console.log(a + b)'); f(1, 2); var fn = new Function('参数1','参数2'..., '函数体') 注意 /*Function 里

函数的三种定义方式

第一种: function demo1(){ console.log('demo1'); } 需要执行的:demo1(); 第二种: var demo=function(){ console.log('demo'); } 也需要执行:demo(); 第三种:用Function构造函数 var demo3=new Function(console.log('demo2')); 不需要执行 ,自动会demo2:  

函数有几种调用方式?

书上有说4中调用方式: 方法调用模式 函数调用模式 构造器调用模式 apply调用模式 下面我们来看看一些实例更好理解. 1:方法调用模式. 请注意this此时指向myobject. /*方法调用模式*/    var myobject={            value:0,            inc:function(){                    alert(this.value)                }        }    myobject.inc() 2