使用 JS 从 HTML 页面发送电子邮件

Question

我正在尝试使用以下方法从 html 页面发送邮件：

<script>
    function sendMail() {
    var link = "mailto:email@live.co.uk &subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;
    
    window.location.href = link;
}
  </script>


 <!-- Contact Form -->
 <div class="col-md-6 contact">
    <form role="form">
               <!-- Name -->
               <div class="row">
                   <div class="col-md-6">
                       <!-- E-Mail -->
                       <div class="form-group">
                           <input type="text" class="form-control" placeholder="Your name" id="myText">
                       </div>
                   </div>
                   <div class="col-md-6">
                       <!-- Phone Number -->
                       <div class="form-group">
                           <input type="email" class="form-control" placeholder="Email address">
                       </div>
                   </div>
               </div>
               <!-- Message Area -->
               <div class="form-group">
                   <textarea class="form-control" placeholder="Write you message here..." style="height:232px;" id="myText2"></textarea>
               </div>
               <!-- Subtmit Button -->
               <button type="submit" class="btn btn-send" onclick="sendMail(); return false">
                   Send message
               </button>
           </form>
 </div>

当我按下按钮单击所有数据时，所有数据最终都出现在默认邮件应用程序“收件人：”文本输入区域中。谁能告诉我如何正确拆分主题和 body？我希望这些默认进入电子邮件的主题和 body 部分。

Answer 1

您的查询字符串变量应以“?”开头，而不是“&”。

var link = "mailto:email@live.co.uk?subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;

使用 JS 从 HTML 页面发送电子邮件

Send email from HTML page using JS

html

javascript

forms

email