如何在 <a href=" "> 中使用 <iframe> 标签答案

【问题标题】：How to use <iframe> tag inside <a href=" ">如何在 <a href=" "> 中使用 <iframe> 标签
【发布时间】：2019-04-11 19:33:23
【问题描述】：

所以，我的计划是在页面上显示一些图像，如果用户点击该图像，他将被重定向到该图像格式内的某个网站的某个特定页面。

我尝试过这样的事情：

<a href="https://www.w3schools.com/">
<iframe src="demo_iframe.htm" width="665" height="235"></iframe>
</a>

但是，显然它不起作用......

【问题讨论】：

【解决方案1】：

你不能。 specification 禁止 <a> 元素包含 交互式内容，其中包含 <iframe> 元素。

【讨论】：

【解决方案2】：

为你的 iframe 添加一个 ID

<iframe id="iframe_id" src=""></iframe>

并用 js (jquery) 添加一个函数来做你想做的事

$('#iframe_id').click(function() {
    //your code 
})

【讨论】：

【解决方案3】：

你能解释一下你想做什么吗？

我的理解是，如果有人试图点击该 iframe，您希望他们重定向到其他链接！

为此，您可以使用 JS。将其包裹在 div 中并为该 div 制作 onClick 并在该函数中您可以对新位置执行 href。

【讨论】：

请不要滥用答案部分来发布 cmets/问题。而是等到你有足够的声望来发布 cmets
@Nandan 不确定我可以使用 JS，因为这个 iframe 必须发送到电子邮件。用户收到一些带有该图像的邮件，如果用户点击 img，它会将他重定向到某个网站。
是的，抱歉，我确实回答了这个问题
@NeoCortex 为什么要尝试使用 Iframe。电子邮件支持 HTML，您可以直接将其与图片和链接图片发送给用户。
@Nandan 我知道并且我就是这样做的，但主管告诉我要使用 iframe。