首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么onclick-event的函数中的函数不应该有括号?

在onclick-event的函数中,函数不应该有括号的原因是为了避免在页面加载时立即执行函数。当我们将函数名作为onclick事件的处理程序时,不应该在函数名后面加上括号,因为这样会导致函数在页面加载时立即执行,而不是在点击事件发生时执行。

如果在onclick-event的函数中加上括号,相当于立即调用函数并将其返回值作为onclick事件的处理程序,而不是将函数本身作为处理程序。这样会导致页面加载时立即执行函数,而不是在点击事件发生时执行。

正确的做法是将函数名作为onclick事件的处理程序,这样当点击事件发生时,函数才会被调用执行。例如:

代码语言:html
复制
<button onclick="myFunction()">点击我</button>

<script>
function myFunction() {
  // 执行一些操作
}
</script>

在这个例子中,当点击按钮时,myFunction函数会被调用执行。如果在onclick事件中加上括号,就会变成onclick="myFunction()",这样函数会在页面加载时立即执行。

需要注意的是,如果需要将参数传递给onclick事件的处理程序,可以使用匿名函数来实现。例如:

代码语言:html
复制
<button onclick="myFunction('参数')">点击我</button>

<script>
function myFunction(param) {
  // 执行一些操作,使用参数param
}
</script>

在这个例子中,当点击按钮时,匿名函数会被调用执行,并将参数传递给myFunction函数。这样可以实现在点击事件发生时执行函数,并传递参数的效果。

总结起来,onclick-event的函数中不应该有括号,是为了确保函数在点击事件发生时执行,而不是在页面加载时立即执行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

cssjshtml js 函数加不加括号区别

结论: 函数只要是要调用它进行执行,都必须加括号。此时,函数()实际上等于函数返回值。...当然,有些没有返回值,但已经执行了函数体内行为,这个是根本,就是说,只要加括号,就代表将会执行函数体代码。...不加括号,都是把函数名称作为函数指针,用于传参,此时不是得到函数结果,因为不会运行函数体代码。它只是传递了函数体所在地址位置,在需要时候好找到函数体去执行。...细解: 所以一般时候我们都是采用是无括号原因。这也是由于括号二义性,因为括号是“函数调用运算符”,相当于在执行这样一个函数,所以产生问题在理解了之后也就理解了。...另外:除了两边不加括号,也可以两边都加括号来实现函数拷贝,而不是执行函数,如果左边无圆括号右边有圆括号,实际就是相当于产生是一个属性而不是一个方法了,在调用时候只用属性名或者函数名,而不需要再用函数调用运算符圆括号

3K10

oracle 除法函数,Oracle 函数

大家好,又见面了,我是你们朋友全栈君。 Oracle 函数 1 数值型函数 abs:求绝对值函数,如:abs(?...如:rpad(‘Hi’,10,’-‘) Hi——– trim:在一个字符串中去除另一个字符串,如:trim(‘S’ FROM ‘SSMITH’) MITH replace:用一个字符串替换另一个字符串子字符串...: 原样显示标点符号 ‘TEXT’:引号文本原样显示,如:TEXT 7 数值转换符: 9:代表一位数字,如果是正数,前面是空格,如果是负数,前面是?...使用nvl函数,可以转换NULL为实际值。该函数判断字段内容,如果不为空,返回原值;为空,则返回给定值。...nvl(job, ‘无’):用“无”代替空职务。 使用nvl函数转换空值。

7K20

浅谈javascript回调函数javascript函数匿名函数回调函数回调函数使用回调函数实例总结

要理解javascript回调函数,首先我们就要对javascript函数有一定理解,所以我们先从javascript函数谈起,讲讲它与其他语言中函数有什么不同。...** javascript函数调用特征就是后面跟一对括号,里面可以有参数 ** ?...js_function.PNG 如图中执行代码,要调用某个函数,只需要在它名字后面加一对括号即可,而且我们可以像变量一样使用函数,也就是说,我们可以将它拷贝给不同变量。...add参数是两个函数,我们将one,two两个函数传进去,在add执行one和two两个函数,这就是回调函数。...也就是为什么要使用回调函数 它可以让我们在不做命名情况下传递函数(这意味可以减少变量名使用) 我们可以讲一个函数调用操作委托给另一个函数(这意味着可以节省一些代码编写工作) 有助于提升性能 回调函数实例

2.8K20

详解javascript即时函数,内部函数,能重写自身函数即时函数内部函数返回函数函数能重写自己函数小结

在上篇谈到匿名函数和回调函数基础上,我们接着介绍javascript即时函数,内部函数,返回函数函数,能重写自身函数等几种常见函数类型及使用方法。...第一对括号是匿名函数定义,随后紧跟一对括号是对匿名函数调用。 下面这个例子在调用时候,传入了参数,更好说明了即时函数用法。...所以,一般来说即时函数通常用来执行一次性操作或者异类初始化任务。 内部函数 从上一篇文章,我们显然知道,在javascript函数与其他类型值在本质上是一样函数本身也是一种值。...} } 上面这段代码,在函数a返回了一个匿名函数。 我们调用这个函数 a(); a()(); 直接调用a会返回a返回函数 a()();意思是调用a,在调用a返回函数。...请注意,返回值是不带括号,因此该结果仅仅是一个函数引用,并不会产生函数调用。 由于这里执行语句是以var a = 开头所以我们这里也使用了能重写自己函数

1.5K10

js 构造函数,构造函数作用,构造函数和普通函数区别

构造函数 在 JavaScript ,用 new 关键字来调用函数,称为构造函数。构造函数首字母一般大写(规范)。...所以,虽然封装构造函数过程会比较麻烦,但一旦封装成功,我们再创建对象就会变得非常轻松,这也是我们为什么要使用构造函数原因。...(ES6 class 与构造函数关 系,通过class定义类 和通过构造函数定义类 二者本质相同。并且在js执行时,会将第一种转会为第二种执行。...所以 ES6 class写法实质就是构造函数) 4、内部用this 来构造属性和方法 5、构造函数执行流程 A、立刻在堆内存创建一个新对象 B、将新建对象设置为函数this C、...逐个执行函数代码 D、将新建对象作为返回值 6、构造函数返回值默认是this 也有其他情况 。

3.4K10

10 - JavaScript 函数 & 11 - JavaScript 函数种类

函数就是 JavaScript 可以被执行代码块。函数有如下必备部分: 1. 使用 function 关键字声明; 2. 函数名字紧跟其后,它就是被调用时使用名字。 3....你可以给函数传递参数,那些值可以是动态。 4. 形参传递给函数实参。 5. 当函数被调用时,代码块将会被执行。 6. 代码块是被括号包裹。...console.log(Math.random()); // 0.00746544513267 console.log(Date.now()); // 1590557812411 JavaScript 函数种类...函数声明在其他代码执行之前被加载,然而函数表达式只有等到 JavaScript 解释器执行到所在代码行时才被加载。这就是 JavaScript hoisting[1] 原理。...IIFE (立即执行函数) IIFE 是一个声明和执行同时发生函数。通过匿名函数和小括号来创建,然后通过在其后增加一个小括号调用。

2.8K20

【原创】TypeScript函数以及函数参数

TypeScript函数和参数 TypeScript函数 TypeScript函数写法分为有名函数,匿名函数和箭头函数。 有名函数 有名函数包含函数名,函数入参,函数返回值类型等。...function add(x:number,y:number):number { return x+y; } 匿名函数 匿名函数无需包含函数名,可以将函数赋值给一个变量,这里变量可以理解为函数方法名...,类似于Javalambda表达式。...([param1:number,param2:number,...param3:number])=>{ //代码块 } //其中括号是入参,实际使用时无需使用括号可以有0个入参,也可以有多个入入参...TypeScript参数分为正常参数,可选参数,剩余参数。 正常参数,方法在定义时需要几个参数就定义几个参数,调用时也需要上送对用参数个数和参数类型。

16910

pythoneval函数用法_isnan函数

大家好,又见面了,我是你们朋友全栈君。   eval函数在Python具有非常重要地位,熟练使用eval函数能够为我们Python编程提供很多便利之处。...在本文中我将详细记录eval函数在Python使用方法及它带来便利时带来一些其他危害,希望您阅读完本文后能够有所收获。欢迎在文章下方留言共同交流学习。...  在Pythoneval()函数语法格式为eval(expression, globals=None, locals=None),注意后面还有globals参数和locals参数。...当定义了globals 参数之后eval函数作用域会被限定在globals。 locals:该参数掌控局部命名空间,功能和globals类型,不过当参数冲突时,会执行locals处参数。...a和c值分别去字典g和字典t值,当globals和locals中都有相同参数时取locals值。

95820

python函数

1.什么是函数 函数是组织好,可重复使用,用来实现单一,或相关联功能代码段。 函数能提高应用模块性,和代码重复利用率。...2.定义一个函数 1.函数代码块以 def 关键词开头,后接函数标识符名称和圆括号()。 2.任何传入参数和自变量必须放在圆括号中间。圆括号之间可以用于定义参数。...5.参数 参数分为形参和实参 定义函数时候变量,叫形参(形参可以任意起名) def welcome(a): print('hello',a) 调用函数时候,真实数据信息,调用函数时候传递参数叫实参...3.可变参数 当参数个数不确定时候,可以使用可变参数,来表示该函数可以接收任意个参数 在使用可变参数时候: 其中a 表示对参数进行解包,将序列元素一个一个拿出来。...然后编写一个程序,让用户输入一个整数,并不断对这个数 调用collatz(),直到函数返回值1(令人惊奇是,这个序列 对于任何整数都有效,利用这个序列,你迟早会得到1!既使数学 家也不能确定为什么

2.1K30

python函数

python函数 1.创建一个无参数函数 2.创建有一个参数函数 3.创建有多个参数函数 4.函数一些名词 4.1 形参、实参、函数文档 4.2 关键字参数和默认参数 4.3 收集参数 5...递归 9.1 递归求阶乘 9.2 斐波那契数列 9.3 汉诺塔 1.创建一个无参数函数 def是创建函数关键字,调用函数函数名加上括号。...2.创建有一个参数函数 从下面代码传入实参不一致,我们可以看到结果是不一样。...4.1 形参、实参、函数文档 形参:在定义函数名后面括号参数我们叫形参(parameter) 实参:在调用函数时候传入参数为实参(argument)。...‘python只有函数没有过程’,为什么这么说呢,例如我们定义一个函数,打印一个hello,word,如下: def hello(): print('Hello,word!')

1.7K10

Kotlin函数

: val doubled = ints.map { value -> value * 2 } //请注意,如果 lambda 是该调用唯一参数,则调用括号可以完全省略。...val compare: (x: T, y: T) -> Int = …… //如要声明一个函数类型可空变量,请将整个函数类型括在括号并在其后加上问号: var sum: ((Int, Int) -..., 完整语法形式参数声明放在括号内,并有可选类型标注, 函数体跟在一个 -> 符号之后。...请注意,匿名函数参数总是在括号内传递。 允许将函数留在圆括号简写语法仅适用于 lambda 表达式。 Lambda表达式和匿名函数之间另一个区别是非局部返回行为。...这意味着 lambda 表达式 return 将从包含它函数返回,而匿名函数 return 将从匿名函数自身返回。

2.3K40

TS函数

前言 我们上一篇内容简单介绍了判断语句以及循环语句,今天我们一起来学习一下TS函数,除此之外我还会再介绍两个和函数相关配置。...普通函数写法 函数通常按照有没有返回值,可以分为两种,一种是要指定返回值类型,另一种是没有返回值,通常用void来表示这个函数没有返回值。...const my_result = calculator(2, 2, "*"); console.log(my_result); =>箭头符号在函数使用 匿名函数我们省略了函数名,我们甚至还可以省略...,当我一个函数特别长时,传入参数变多时,我们希望能让它实现以下两个功能: 当有多余参数时,提示我们,并不编译为js 当函数内部有多余变量时,也提示我们,并不编译为js 为了实现这样功能,我将下面这两个配置添加到原来配置...总结 今天我们一起学习了如何在TS编写函数,并修改了一下编译配置文件。希望对你能有所帮助。 今天内容就是这些了,我是Tango,一个热爱分享技术程序猿我们下期见。

21710

C++核心准则C.127:包含虚函数类应该有虚析构函数或保护析构函数

C.127: A class with a virtual function should have a virtual or protected destructor C.127:包含虚函数类应该有虚析构函数或保护析构函数‍...包含虚函数类通常(大多数情况下)通过指向基类指针使用。通常,最后一个使用者必须通过指向基类指针调用delete操作,通常是指向基类智能指针,因此析构函数应该是公开函数。...稍微特殊一些情况是:如果不希望支持通过指向基类指针销毁对象,析构函数应该是保护非虚函数。参见C.35。...包含虚函数析构函数要么是公开函数,要么是保护非虚函数。...提示针对包含虚函数却没有虚析构函数销毁操作。

75120

python函数

---恢复内容开始--- 一 数学定义函数与python函数 初中数学函数定义:一般,在一个变化过程,如果有两个变量x和y,并且对于x每一个确定值,y都有唯一确定值与其对应,那么我们就把...自变量x取值范围叫做这个函数定义域 例如y=2*x python函数定义:函数是逻辑结构化和过程化一种编程方法。.../过程没有使用return显示定义返回值时,python解释器会隐式返回None, 所以在python即便是过程也可以算作函数。...没错, 出错了, 为什么呢?...递归效率不高,递归层次过多会导致栈溢出(在计算机函数调用是通过栈(stack)这种数据结构实现,每当进入一个函数调用,栈就会加一层栈帧,每当函数返回,栈就会减一层栈帧。

1.8K40
领券