Javascript变量为href =“mailto：”字符串

Question

我正在尝试创建一个简单的页面，可以采取一些用户输入并打印出来，我找到了一种工作正常的方法。 但是有一件事我无法做到，那就是从用户那里获取电子邮件输入并将其添加到“mailto”字符串中，这样当点击输入的邮件时它将在用户e-中打开输入邮件的邮件程序预先输入。

这是代码

<!DOCTYPE html>
<html>
<head>
<title>HTML JavaScript output on same page</title>
<script type="text/JavaScript">
    function showMessage(){
        var navn = document.getElementById("navn").value;
        display_navn.innerHTML= navn;

        var mail = document.getElementById("mail").value;
        display_mail.innerHTML= mail;

        var tlf = document.getElementById("tlf").value;
        display_tlf.innerHTML= tlf;
    }
</script>
</head>
<body>
<form>
Navn: <br>
<input type="text" id = "navn"><br>
E-post: <br>
<input type="text" id = "mail"><br>
Mobil: <br>
<input type="text" id = "tlf"><br>

<br>
<br>
<input type="button" onclick="showMessage()" value="submit" />
</form>

<br>
<br>

<span id = "display_navn"></span><br>
<br>
<a href="mailto:" + mail><span id = "display_mail"></a></span><br>
<br>
<span id = "display_tlf"></span>


</body>
</html>

以下是它的外观截图。

我想这样做，以便当我点击TestEmail时，我打开了电子邮件客户端，并且已经输入了地址。 这是可以做到的吗？ 如果在同一个站点上很难做到这一点，我可以考虑在单个站点上输入，然后在单击提交按钮时打开包含生成内容的新站点，如果这样更容易。

Answer 1

你只需要这个额外的代码行：

display_mail.parentNode.setAttribute("href", "mailto:" + mail);

并且不要忘记关闭</form>标记。

小提琴： http ： //output.jsbin.com/revahabowe

Javascript变量为href =“mailto：”字符串

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-10-03 13:59:04

Javascript变量为href =“mailto：”字符串

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-10-03 13:59:04

解决方案1
3 已采纳 2016-10-03 13:59:04