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

Posted 2023-03-15

【中文标题】使用 JS 从 HTML 页面发送电子邮件

【英文标题】：Send email from HTML page using JS

【发布时间】：2022-01-19 19:08:29

【问题描述】：

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

<script>
    function sendMail() 
    var link = "mailto:[e-mail] &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>

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

【问题讨论】：

[e-mail] &subject= 应该是 [e-mail]?subject= - 问号且没有空格。

现在完美运行，谢谢！ :)

【参考方案1】：

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

var link = "mailto:[e-mail]?subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;

【讨论】：

现在完美运行，谢谢！ :)

不客气！