使用 onclick 发送电子邮件 JavaScript

在 Web 应用程序中创建邮件功能可以提供非常便捷的用户交互性。 您可以使用 JavaScript 中的 onclick 事件将按钮与其他 HTML 元素关联起来。当单击此按钮时，您可以轻松地发送电子邮件。

创建邮件发送按钮

首先，您需要在 HTML 中创建一个按钮元素，添加 onclick 事件并指定要调用的 JavaScript 函数。

<button onclick="sendEmail()">发送电子邮件</button>

编写 JavaScript 函数

接下来，您需要编写 JavaScript 函数来发送电子邮件。 您可以使用 Window.open() 方法将邮件客户端打开在新的浏览器选项卡中，并使用邮箱地址、主题和正文信息填充邮件。

function sendEmail() {
  // 邮箱地址
  var email = "recipient@example.com";
  
  // 主题
  var subject = "这是邮件主题";
  
  // 正文
  var body = "这是邮件正文。";
  
  // 使用 mailto 协议将邮件客户端打开在新的浏览器选项卡中
  window.open('mailto:' + email + '?subject=' + subject + '&body=' + body);
}

完整代码片段

最终，您的完整代码应该如下所示：

<button onclick="sendEmail()">发送电子邮件</button>

<script>
    function sendEmail() {
      // 邮箱地址
      var email = "recipient@example.com";
      
      // 主题
      var subject = "这是邮件主题";
      
      // 正文
      var body = "这是邮件正文。";
      
      // 使用 mailto 协议将邮件客户端打开在新的浏览器选项卡中
      window.open('mailto:' + email + '?subject=' + subject + '&body=' + body);
    }
</script>

现在，当用户单击按钮时，您的 JavaScript 函数将打开邮件客户端并自动填充收件人地址、主题和正文信息。