JavaScript onclick 返回 - HTML

在HTML页面上，我们经常需要添加交互性的元素以增强用户体验。当用户与这些元素进行交互时，我们可以通过JavaScript的onclick事件来实现响应。

基本用法

使用onclick事件的基本语法如下：

<button onclick="myFunction()">点击这里</button>

上面的代码中，当用户点击按钮时，会触发名为myFunction的JavaScript函数。我们可以在函数内部编写各种逻辑和行为，比如修改文本内容、切换元素显示状态、向服务器发送请求等等。

返回值

JavaScript函数可以返回一个值，这个值可以被onclick事件保存以便后续使用。我们可以通过以下代码来演示这个过程：

<button onclick="var result = myFunction(); alert(result);">点击这里</button>

上面的代码中，我们定义了一个onclick事件，当用户点击按钮时，它会调用myFunction函数，并且将函数返回值保存到名为result的变量中。随后我们通过alert函数将返回值弹窗显示出来。

在JavaScript函数内部，我们可以通过return语句来指定函数的返回值：

function myFunction() {
  return "Hello, world!";
}

当我们调用这个函数时，它将返回一个字符串Hello, world!。同时，在onclick事件中我们也可以解析函数的返回值并作出相应的行为。

事件绑定

除了使用HTML元素上面的onclick属性，我们还可以使用JavaScript代码动态地为元素绑定事件。具体来说，我们可以使用以下代码来实现：

var btn = document.getElementById("myButton");
btn.addEventListener("click", myFunction);

function myFunction() {
  // do something
}

上面的代码中，我们首先通过document.getElementById方法获取到id为myButton的按钮元素，随后使用addEventListener方法为它的click事件绑定名为myFunction的函数。

通过这种方式，我们可以更好地控制HTML页面的逻辑结构，减少HTML元素中臃肿的内联事件处理程序。