使用onclick运行Javascript？

Question

如果我设置了以下内容：

<script type=“text/javascript”src=“https://test.com/abc“></script>

在head标记之间，代码在页面启动时运行。有什么方法可以阻止它在启动期间运行，而使用html按钮中的onclick方法来运行它吗？

Answer 1

将javascript放入文件中，并将其包装在函数中。然后可以将该函数分配给onclick（单击）按钮的属性。

单击我

还有你的剧本

函数myFunction（）{//您现有的代码位于此处}

这是一个小提琴.

Answer 2

虽然onclick（单击）方法是一种非常好的方法，但是它不再受支持.

这个添加事件侦听器方法是最合适的现代方法。

它可以用两种方式使用：

1. 将现有函数连接到事件侦听器：

   document.getElementByID（“clickMe”）.addEventListener（“click”，myfunction）；

2. 在事件侦听器中编写函数：

   document.getElementByID（“clickMe”）.addEventListener（“click”，function（）{//函数，例如：document.getElementById（“p”）.innerHTML=“Hello World”；});

下面是一个易于理解的示例片段：

document.getElementById（“clickme”）.addEventListener（“click”，function（）{document.getElementById（“p”）.innerHTML=“Hello World”；});

试试看<p id=“p”></p>

此外，我建议您使用脚本位于页面底部而不是页首，以便可以首先加载HTML和CSS。

---

希望我能帮上忙。

Answer 3

1-您应该尽量避免在头部添加脚本，因为这样会使页面呈现速度变慢。如果你真的需要这样做，你可以寻找延迟/异步脚本。

2-您应该尝试将脚本放在底部，以便使浏览器尽快呈现所有html和css。

3-最后，您应该在底部调用加载页面。例如，在jquery.ready中，如本文所述，搜索jquery-ready事件。此时，您应该通过调用按钮上的jquery选择器，搜索jquery selector，最后添加click事件，搜索jquery click事件来为所需的按钮添加侦听器，然后在回调中处理所需的内容。

这里有一把小提琴。

[https://jsfiddle.net/d6zfqpc6/][1]

Jquery对于某些东西来说也是一个很好的填充物：）。