使用 JS 向多個同事發送電子郵件

Question

我覺得我很接近但需要一些幫助來完成這項任務。 我有一個表格，上面有一些信息和電子郵件地址。 我添加了一個按鈕，按下該按鈕將打開我的電子郵件客戶端並填充 To: 塊，其中每個人的電子郵件地址用分號分隔。 問題是，當我按下按鈕時，我的電子郵件客戶端會打開，並且只包含收件人：行中的第一個電子郵件地址。 這是我到目前為止所擁有的：

<tr style=text-align:center>
    <td>Electrical</td>
    <td>Mr. Jones</td>
    <td class="email"><a href="mailto:Jones@example.com">Jones@example.com</a></td>
    <td>Ms. Jackson</td>
    <td class="email"><a href="mailto:Jackson@example.com">Jackson@example.com</a></td>
    <td>Mr. Parker</td>
    <td class="email"><a href="mailto:Parker@example.com">Parker@example.com</a></td>

<button onclick="send()"style=background-color:red>Send E-mail to all Personnel</button>
    <script>
            function send() {
            let x = document.querySelectorAll("td.email");
            var i;
            for (i = 0; i < x.length; i++) {   
            window.location.href = "mailto:" + x[i].innerText;}}
    </script>

我嘗試為“for”循環的 output 分配一個變量，並將該變量包含在 window.location.href 行中，但似乎沒有任何效果。

Answer 1

在循環的第一次迭代中，窗口的位置發生了變化，因此頁面上的 javascript 停止執行。 循環迭代的 rest 將不會運行。 每次迭代都寫入更改位置以分別更改位置。

您想創建一個email，其中 to 字段指向多個地址。 我個人認為這個 SO 線程足以讓你弄清楚要做什么，但我會盡量把它拼出來：

function send() {
  let x = Array.from(document.querySelectorAll("td.email"));
  window.location.href = "mailto:" + x.map(e => e.textContent).join(";")
}