在HTML中使用JS的更好方法是什么?函数或选择器

what is it the better way to use js in HTML? function or selector

本文关键字：是什么 方法 函数 选择器 更好 HTML JS      更新时间：2023-09-26

1st：添加onClick并引用函数。 

<button id="click" onclick="click()">1.click me</button>
<script>
function click(){
    alert("ok");
}
</script>

第二：使用jQuery检查点击事件。 

<button id="click">2.click me</button>
<script>
$(function(){
    $('#click').click(function(){
      alert("ok");
    });
});
</script>

哪个效果更好？

选择器使用 Jquery.js 工作。如果你的项目很小，那么在文档中包含Jquery可能不是一个好主意，并且会使你的页面加载很多（不多）。但是选择器（特别是JQuery）使编码变得容易，并为网站提供了专业功能。所以每个网页设计师最要学习如何使用它。

如果你

的设计页面很复杂，我建议你使用JQuery，但如果你的页面就是这样，你最好使用简单的Java脚本。

我同意@Tushar。

最重要的是保持html js css和所有其他文件分开。这样，您就可以轻松保持代码干净。出于这个主要原因，我更喜欢使用第二种方式。实际上，通过这种方式，您可以直接从js代码管理事件，而不必为了找到函数而检查HTML文件。

就您的示例而言，两者都运行良好。但是，如果您只关心哪种方式更好，那么这取决于您要实现的目标。

An ecommerce网站：

他们已经有大量图像要加载，如果他们在他们想要可点击的每个元素上添加一个 onclick，这将显着增加他们的加载时间，因为 html 实际上在网页上被重新使用并且使用带宽。

但是，如果只有一个按钮，例如投资组合网站上的"雇用我"，则两者都可以正常工作，而不会有任何明显的时间延迟。

相关文章：