JavaScript 中的 mailto

許多 Web 應用程式迫切需要具有 mailto 功能，可以將某些資訊郵寄到給定地址。

本教程將使用 JavaScript 將此類 mailto 功能新增到任何元素。

Document.createElement() 函式通過指定 tagName 建立一個新的 HTML elemet。它返回新元素。

使用下面的程式碼並使用 JavaScript 向任何元素新增 mailto 功能。

var email = document.createElement('a');
email.href = 'mailto:abc@mail.com';
email.click();

在程式碼示例中，建立了一個名為 email 的錨標記，我們使用 href 屬性向其新增了 mailto 功能。

我們可以考慮使用 jQuery 新增此類 mailto 功能的替代方法。

當點選時，我們有一個錨標籤，可以啟用功能並讓我們郵寄到給定的郵件地址。

在 jQuery（一個高效的 JavaScript 庫）中，attr() 方法用於為屬性設定值或返回它們。

參考下面的程式碼。

HTML 程式碼：

<a id="email" href="#">
  Click to mail.
</a>

jQuery 程式碼：

$(document).ready(function() {
  $('#email').attr('href', 'mailto:abc@mail.com');
});