html - 如何在 HTML 中制作 "email current page"按钮?

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

最佳答案

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

尽情享受吧!

关于html - 如何在 HTML 中制作 "email current page"按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12481331/

相关文章:

JavaScript 更改输入类型 ="date"格式和值

javascript - Chart Init 无法正常工作

android使TextView中的链接可点击

javascript - 谷歌地理编码地址分割

delphi - 如何禁用delphi程序中的最大化按钮?

android - 无法在android中使用edittext.setText ("")清除edittext

java - 使用 repaint() 的动画

asp.net - 在 Site.master.cs 中找不到 ASP 超链接?

javascript - 链接元素加载

javascript - 如何才能有一个仅在移动设备上显示的可折叠按钮?