在新窗口中打开 URL 的 HTML 按钮

Question

我正在填充电子邮件模板，但按钮 onclick 事件出现了一些问题。

我想要实现的是当单击按钮时，它应该在新窗口而不是新选项卡中打开一个 URL。

目前，当电子邮件被发送时，它正在失去 onclick 事件功能。 关于如何实现这一目标的任何建议？

我还尝试在 html 模板中创建按钮，而不是将标签替换为下面的代码，但仍然遇到相同的问题。

HTML代码：

    <p>
        Hi,
    </p>
    <p>
        A [JobType], to start on [JobStartDate]
        <br />
        Click here to view the job: [JobUrl]
    </p>
    <p>
        <b>Job Details:</b>
        <br />
        - Reference: [JobReferenceNumber]
        <br />
        - Checklist: [AnswerEvaluationName]
        <br />
        - Created by: [JobCreator]
        <br />
    </p>
    <p>
        Kind regards<br />
    </p>
    <p class="auto-style6">
        Please do not reply to this system generated email
    </p>
</body>

public void CreateEmailNotificationForNewJob()
{
   // Populate the Email Template
   string EmailRecipientTestingNotes = "";
   string EmailSubject = "";
   string EmailTemplate = EmailSender.LoadEmailTemplate("EmailNewJob.html");
   string EmailTo = "";
   string TestButton = ("<input type=\"button\" onclick=\"window.open('https://www.google.com/','mywin','width=500,height=500');\" >");

   EmailSubject = "Job/task ";
   EmailTemplate = EmailTemplate.Replace("[JobReferenceNumber]", "Reference");
   EmailTemplate = EmailTemplate.Replace("[AnswerEvaluationName]", "Daily Update");
   EmailTemplate = EmailTemplate.Replace("[JobStartDate]", "Today");
   EmailTemplate = EmailTemplate.Replace("[JobType]", "1");
   EmailTemplate = EmailTemplate.Replace("[CompanySiteName]", "");
   EmailTemplate = EmailTemplate.Replace("[SiteName]", "");
   EmailTemplate = EmailTemplate.Replace("[JobUrl]", TestButton);

   EmailTo = "test@test.co.za";

   try
   {
      // Send email code
   }
   catch (Exception ex)
   {
      // Add handling
   }
}

Answer 1

大多数电子邮件客户端不允许像浏览器那样执行 JavaScript（通常这是出于安全原因）。

但是，如果您想创建指向要在电子邮件中显示的 URL 的链接，您可以只使用超链接而不是按钮。 （当然，如果您愿意，您当然可以始终使用 CSS 使其看起来像一个按钮。）

string TestButton = ("<a href='https://www.google.com/'>Click here</a>");

Answer 2

电子邮件客户端不接受 JavaScript。 您能做的最好的事情是使用目标属性设置为 _blank 的标准链接：

string TestButton = ("<a href='www.blah.com' target='_blank'>link text</a>");

话虽如此，大多数电子邮件客户端无论如何都会在新/空白选项卡中打开。 但是，这对于使用单击“在浏览器中查看此电子邮件”的用户仍然很有帮助（例如，在 Outlook 桌面上，这是自动生成的）。

Answer 3

只需使用超链接而不是按钮，因为电子邮件客户端不接受 JavaScript。 当然你可以使用css让它看起来像一个按钮。

按钮：

string TestButton = ("<a class='button' href='https://www.google.com/'>Click here</a>");

css：

.button {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}