如何在HTML中创建“电子邮件当前页面”按钮?

时间:2012-09-18 16:38:33

标签: html button hyperlink mailto

预期目标:我正在尝试制作一个“电子邮件当前页面”按钮,以便访问我的网站。这些是必要的功能:

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

我是一个全新的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 - 做表格会更好吗?如果是这样,我从哪里开始?我仍然可以使用该按钮作为表单的链接吗?非常感谢你的帮助。

2 个答案:

答案 0 :(得分:11)

<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>

享受!

答案 1 :(得分:0)

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

http://www.addthis.com/

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