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

use*_*918 4 html mailto button hyperlink

期望的目标:我想在我的网站上制作一个"电子邮件当前页面"按钮.这些是必要的功能:

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

我是一个全新的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>
Run Code Online (Sandbox Code Playgroud)

根据www.w3schools.com/html/,这是错误的,哈哈.我试图说得对,但我只是破坏了它.请指教!我已经更改了链接以删除个人公司信息并将其替换为谷歌等通用内容.请告诉我我做错了什么以及我需要做些什么来解决它.非常感谢!

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

Mos*_*ieb 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>
Run Code Online (Sandbox Code Playgroud)

请享用!