如何在 HTML 中制作“电子邮件当前页面”按钮？答案

【问题标题】：How do I make an "email current page" button in HTML?如何在 HTML 中制作“电子邮件当前页面”按钮？
【发布时间】：2012-09-10 23:19:56
【问题描述】：

期望的目标：我正在尝试在我的网站上制作一个“电子邮件当前页面”按钮。这些是必要的功能：

它应该是通用的，可以匹配按钮所在的任何页面（即我在网站上发布的不同文章等）
应该没有自动设置收件人
它应该有一个固定的主题行
它的正文应包含指向当前页面的链接（同样，不是固定链接，而是适用于激活按钮的任何页面的通用链接）。
最后，电子邮件按钮应以图像图标的形式显示在网页上。

我是一个完全的 html 新手（我的经验相当于在 wordpress 上玩了几天）所以我一无所知。这是我想出的（显然行不通）：

<a href="MAILTO:?subject=Check out this company&body=Check out <a title="this site" href="www.google.com">this company</a>. They are a search engine. I thought this might be of interest to you. " target="_blank"><img src="http://www.ccaa.ca/web/templates/cc… /></a>

根据 www.w3schools.com/html/，这是错误的，哈哈。我试图把它改正，但我只是在破坏它。请指教！我已经更改了删除个人公司信息的链接，并将其替换为通用的东西，例如谷歌等。请告诉我我做错了什么以及我需要做些什么来修复它。非常感谢！

PS - 做一个表格会更好吗？如果是这样，我从哪里开始？我仍然可以使用该按钮作为表单的链接吗？非常感谢您的帮助。

【问题讨论】：

AFAIK 你不能通过纯 HTML 做到这一点。您需要使用脚本语言，可能是 Javascript。
由于某种原因，我的代码被复制了出来。又是这样：[code]这家公司。他们是一个搜索引擎。我想你可能会对此感兴趣。" target="_blank">ccaa.ca/web/templates/cc... />[/code]
谢谢蒂姆，我怎样才能在 javascript 中做到这一点？
Stackoverflow 用户不喜欢“购物清单”和“给我代码”的问题。您必须付出一些努力，将您当前代码的相关部分提供给我们，并提出一个具体的问题。单击“编辑”以修改您的问题。 The FAQ is here

标签： html button hyperlink mailto

【解决方案1】：

<html>
<head>
    <title>My Page</title>
    <script language="javascript">
        function emailCurrentPage(){
            window.location.href="mailto:?subject="+document.title+"&body="+escape(window.location.href);
        }
    </script>
</head>
<body>
        <a href="javascript:emailCurrentPage()">Mail this page!</a>
<body>
</html>

享受吧！

【讨论】：

太棒了，摩西。谢谢！我需要对其进行调整，因为默认情况下正文中的链接不可点击，并且 UI 需要包含一个按钮，但这正是我开始所需要的。我一直在用头撞墙，试图在 html 中做到这一点。对不起乔斯林，下次我会记住的。我第一次发布了我的代码，但它没有显示。哦，好吧，非常感谢待办事项。

【解决方案2】：

我会查看第三方工具，例如 AddThis，它支持通过电子邮件和社交网络进行分享：

http://www.addthis.com/

有一个特定的 WordPress 插件，或者您可以将标准小部件添加到任何网页。

【讨论】：