Question

我在这里开发网站。我创建联系我们页面。

所以我不会知道客户的代码可以填写他们的详细信息，例如Mobile number，email id和messages将在我的邮件中使用JavaScript中的“SMTP”发送。

此处设计已经创建....

谢谢...

Answer 1

您无法使用JavaScript发送电子邮件。您只能打开mailto链接，以便打开用户邮件客户端（附加预定义的主题和正文）

window.open('mailto:test@example.com?subject=subject&body=body');

您是否在Stackoverflow上搜索过“javascript发送电子邮件”？ https://stackoverflow.com/a/7381162/8765205

Answer 2

在Javascript中发送电子邮件

首先，如果您想通过电子邮件客户端发送电子邮件，您可以在html代码中使用 mailto：而无需使用javascript。它将自动重定向到您的操作系统的默认电子邮件客户端但如果您想要发送没有电子邮件客户端的电子邮件，您可以使用gmail api或其他api执行此任务，然后javascript部分很容易。好的，让我们来看看如何使用gmail api

Google Developer Console并将您的应用应用于gmail api，获得凭据后创建联系我们页面

我会从谷歌给你的例子

<!DOCTYPE html>
 <html>
   <head>
     <title>Gmail API Quickstart</title>
     <meta charset='utf-8' />
   </head>
 <body>
<p>Gmail API Quickstart</p>

<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize-button" style="display: none;">Authorize</button>
<button id="signout-button" style="display: none;">Sign Out</button>

<pre id="content"></pre>

<script type="text/javascript">
  // Client ID and API key from the Developer Console
  var CLIENT_ID = '<YOUR_CLIENT_ID>';
  var API_KEY = '<YOUR_API_KEY>';

  // Array of API discovery doc URLs for APIs used by the quickstart
  var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/gmail/v1/rest"];

  // Authorization scopes required by the API; multiple scopes can be
  // included, separated by spaces.
  var SCOPES = 'https://www.googleapis.com/auth/gmail.readonly';

  var authorizeButton = document.getElementById('authorize-button');
  var signoutButton = document.getElementById('signout-button');

  /**
   *  On load, called to load the auth2 library and API client library.
   */
  function handleClientLoad() {
    gapi.load('client:auth2', initClient);
  }

  /**
   *  Initializes the API client library and sets up sign-in state
   *  listeners.
   */
  function initClient() {
    gapi.client.init({
      apiKey: API_KEY,
      clientId: CLIENT_ID,
      discoveryDocs: DISCOVERY_DOCS,
      scope: SCOPES
    }).then(function () {
      // Listen for sign-in state changes.
      gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

      // Handle the initial sign-in state.
      updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
      authorizeButton.onclick = handleAuthClick;
      signoutButton.onclick = handleSignoutClick;
    });
  }

  /**
   *  Called when the signed in status changes, to update the UI
   *  appropriately. After a sign-in, the API is called.
   */
  function updateSigninStatus(isSignedIn) {
    if (isSignedIn) {
      authorizeButton.style.display = 'none';
      signoutButton.style.display = 'block';
      listLabels();
    } else {
      authorizeButton.style.display = 'block';
      signoutButton.style.display = 'none';
    }
  }

  /**
   *  Sign in the user upon button click.
   */
  function handleAuthClick(event) {
    gapi.auth2.getAuthInstance().signIn();
  }

  /**
   *  Sign out the user upon button click.
   */
  function handleSignoutClick(event) {
    gapi.auth2.getAuthInstance().signOut();
  }

  /**
   * Append a pre element to the body containing the given message
   * as its text node. Used to display the results of the API call.
   *
   * @param {string} message Text to be placed in pre element.
   */
  function appendPre(message) {
    var pre = document.getElementById('content');
    var textContent = document.createTextNode(message + '\n');
    pre.appendChild(textContent);
  }

  /**
   * Print all Labels in the authorized user's inbox. If no labels
   * are found an appropriate message is printed.
   */
  function listLabels() {
    gapi.client.gmail.users.labels.list({
      'userId': 'me'
    }).then(function(response) {
      var labels = response.result.labels;
      appendPre('Labels:');

      if (labels && labels.length > 0) {
        for (i = 0; i < labels.length; i++) {
          var label = labels[i];
          appendPre(label.name)
        }
      } else {
        appendPre('No Labels found.');
      }
    });
  }

</script>

<script async defer src="https://apis.google.com/js/api.js"
  onload="this.onload=function(){};handleClientLoad()"
  onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>

然后在那里更换你的钥匙。祝你好运

联系我们页面在网站////用html和javascript

2 个答案:

在Javascript中发送电子邮件