📅  最后修改于: 2023-12-03 15:37:06.830000             🧑  作者: Mango
在JavaScript中,你可以使用window.location.href来获取当前页面的URL地址。将其与mailto链接结合使用,就可以创建一个链接电子邮件的按钮或链接。这是一个演示如何在JavaScript中反应本机链接电子邮件的简单示例:
const emailBtn = document.querySelector('#emailBtn'); // 获取按钮元素
emailBtn.addEventListener('click', () => {
const emailAddress = 'recipient@example.com'; // 收件人电子邮件地址
const emailSubject = '你好!'; // 邮件主题
const emailBody = '这是一封测试邮件。'; // 邮件正文
const mailtoLink = `mailto:${emailAddress}?subject=${emailSubject}&body=${emailBody}`; // 创建mailto链接
window.location.href = mailtoLink; // 将链接导航至本机邮件客户端
});
在这个示例中,我们首先通过document.querySelector方法获取了一个按钮元素,并使用addEventListener方法为其添加了一个点击事件。当按钮被点击时,我们创建了一个mailto链接,其中包括收件人的电子邮件地址、邮件主题和邮件正文。然后,我们将这个链接设置为window.location.href的值,这将导航至用户的本机邮件客户端,并将该链接作为创建新电子邮件的默认地址。
这是一个可以用于HTML代码中的示例按钮:
<button id="emailBtn">联系我们</button>
以上就是使用JavaScript反应本机链接电子邮件的方法。通过使用mailto链接,我们可以轻松地为网站或应用程序添加电子邮件功能,使用户更轻松地与我们联系。