Question

我是HTML新手，我不懂JavaScript。我想使用iframe标记<iframe src="URL" width="500" height="50" frameborder='0' align='middle'>在我的网站上嵌入徽章，当有人点击它时，我想在新标签中打开一个网站。我尝试在帧标记周围添加 <a> 标记，但仅框架的边框是超链接而不是徽章。如何将框架中嵌入的徽章链接到新网站？

Answer 1

工作答案：

注意：Onclick将带您转到google.com的新标签页。这只能点击一次。监听器将重置刷新主页。

<script type="text/javascript">
focus();
var listener = window.addEventListener('blur', function() {
    if (document.activeElement === document.getElementById('myFrame')) {
       var win = window.open('https://www.google.com', '_blank');
        win.focus();
    }
    window.removeEventListener('blur', listener);
});

</script>

<iframe id="myFrame" src="https://www.codewars.com/users/balajis/badges/large" width="500" height="50"  align='middle' frameborder='0'">

Answer 2

将徽章添加为图像。

<a href="NEW_SITE_URL" target="_blank">
  <img width="220" height="250" border="0" align="center"  src="BADGE_URL"/>
</a>

如何在iframe上使用锚标记？

2 个答案: