在 html onclick 标记中插入一个大的 JavaScript

Posted 2023-03-05

【中文标题】在 html onclick 标记中插入一个大的 JavaScript

【英文标题】：Inserting a big JavaScript in a html onlick Tag

【发布时间】：2018-11-22 22:28:07

【问题描述】：

我在 html 文件中有一个很大的 javascript 代码，例如 <script>CODE</script>

现在，整个段落只有在用户点击按钮（或类似的按钮）时才会执行

例如 <button id="MyButton" onclick= ???>MyButton</Button>

谢谢大家:)

【问题讨论】：

一个简单的谷歌搜索就可以解决这个问题。

我试过了。但我只找到插入函数的解决方案，而这对于孔代码来说有很多工作

只需将整个代码放在一个函数中，然后在单击按钮时调用该函数

HTML tag <a> want to add both href and onclick working的可能重复

这就是为什么 JavaScript 有functions 而不仅仅是代码行。将其包裹在function funCODE 中以获取它onClick

【参考方案1】：

将您的代码包装在一个函数中，并在您的按钮 onclick 中指定该函数。

<script>
function doSomething() 
CODE

</script>
<button id="MyButton" onclick="doSomething()">MyButton</button>