什么';.click(function(){和javascript:myfunction()之间的区别是什么?

什么';.click(function(){和javascript:myfunction()之间的区别是什么?,javascript,jquery,Javascript,Jquery,考虑下面的简单链接: <a href="#" class="mylink">Link</a> 及 两者之间是否存在性能差异,或者是否有其他实际原因使我应该使用其中一个而不是另一个?第一个原因是事件侦听器的JQuery约定。要使用它,您需要包括JQuery库。第二个原因是Javascript约定。您不需要包括任何库或额外的代码来运行。有o性能方面的差异,但正如我所说的,如果您不想包含任何类型的库,则应使用第二个示例。第一个示例是事件侦听器的JQuery约定。您需要包含

考虑下面的简单链接:

<a href="#" class="mylink">Link</a>



两者之间是否存在性能差异,或者是否有其他实际原因使我应该使用其中一个而不是另一个?

第一个原因是事件侦听器的JQuery约定。要使用它,您需要包括JQuery库。第二个原因是Javascript约定。您不需要包括任何库或额外的代码来运行。有o性能方面的差异,但正如我所说的,如果您不想包含任何类型的库,则应使用第二个示例。

第一个示例是事件侦听器的JQuery约定。您需要包含JQuery库才能使用它。第二个示例是Javascript约定。您不需要包含任何库或额外的代码在性能方面没有区别,但正如我所说的,如果您不想包含任何类型的库,您应该使用第二个示例。

使用
$('.mylink')。单击(function(){
更好,因为它遵循标准事件注册模型。(jQuery使用and)

基本上,在中注册事件是处理事件的方式。此外,要为目标注册多个事件侦听器,可以为同一目标调用
addEventListener()

阅读 及

使用
$('.mylink')。单击(function(){
更好,因为它遵循标准事件注册模型。(jQuery使用and)

基本上,在中注册事件是处理事件的方式。此外,要为目标注册多个事件侦听器,可以为同一目标调用
addEventListener()

阅读 及


它们具有相同的功能行为,没有任何区别

区别在于代码模块化和可维护性

使用第一种方法是首选的,也是更合适的,因为它不会将HTML和JavaScript(一种称为不引人注目的JavaScript的概念)混合在一起

如果您在HTML的早期工作过,那么您应该记得所有这些属性是什么时候出现的,比如
背景
颜色
字体
…等等

然后CSS出现了,每个人都告诉我们不要再使用这些旧属性,因为它们将表示和文档结构混合在一起,我们应该使用CSS来控制文档的布局和外观

这与该想法类似,但现在它用于代码,将功能与文档结构分离

编辑:引用@mplungjan评论,以便更准确:


没有区别是不正确的。href=“javascript:myFunction()”无法使用preventDefault或return false取消实际单击。因此,动画GIF将停止在某些浏览器中运行,较旧的浏览器甚至会部分卸载页面。此外,如果函数返回值,则页面将替换为该值,初学者尝试href=“javascript:window.open…”并在页面上获取[object]


它们具有相同的功能行为,没有任何区别

区别在于代码模块化和可维护性

使用第一种方法是首选的,也是更合适的,因为它不会将HTML和JavaScript(一种称为不引人注目的JavaScript的概念)混合在一起

如果您在HTML的早期工作过,那么您应该记得所有这些属性是什么时候出现的,比如
背景
颜色
字体
…等等

然后CSS出现了,每个人都告诉我们不要再使用这些旧属性,因为它们将表示和文档结构混合在一起,我们应该使用CSS来控制文档的布局和外观

这与该想法类似,但现在它用于代码,将功能与文档结构分离

编辑:引用@mplungjan评论,以便更准确:


没有区别是不正确的。href=“javascript:myFunction()”无法使用preventDefault或return false取消实际单击。因此,动画GIF将停止在某些浏览器中运行,较旧的浏览器甚至会部分卸载页面。此外,如果函数返回值,则页面将替换为该值,初学者尝试href=“javascript:window.open…”并在页面上获取[object]


Jquery和其他优秀的JavaScript框架一样,为您提供了独立于浏览器平台的功能,涵盖了所有您可能不关心或不想关心的复杂问题

我认为使用框架比使用纯JavaScript和从头开始做所有事情更好,除非您的使用非常有限


我绝对推荐JQuery!

JQuery和其他优秀的JavaScript框架一样,为您提供了独立于浏览器平台的功能,涵盖了所有复杂的功能,您可能不关心或不想关心这些功能

我认为使用框架比使用纯JavaScript和从头开始做所有事情更好,除非您的使用非常有限


我绝对推荐JQuery!

您可能需要阅读以下内容:我强烈反对使用href=“javascript…”。它有许多副作用,如果关闭javascript,会出现错误。您可能需要阅读以下内容:我强烈反对使用href=“javascript…”当然。它有很多副作用,如果关闭javascript,会出现错误。没有区别是不对的。href=“javascript:myFunction()”无法使用preventDefault或return false取消实际单击。因此,动画GIF将停止在某些浏览器中运行,而较旧的浏览器甚至会部分卸载页面。此外,如果函数返回值,页面将替换为该值,请参见
$(".mylink").click(function () {
<a href="javascript:myfunction();" class="mylink">Link</a>