在iFrame中点击按钮,在新标签页中打开链接

时间:2018-06-27 11:04:33

标签: javascript html vue.js

    <head>
</head>
<div> 
    <iframe src="https://....."></iframe>
</div>

button within iFrame

我想知道单击此按钮后如何在新选项卡上打开链接,因为每当单击该按钮时,页面就会加载到iFrame中。 我已经尝试过<base target="_blank">,但似乎没有用。.

4 个答案:

答案 0 :(得分:1)

要像其他用户说的那样,您应该在iframe中使用新标签中的链接:

<a target="_blank" href="https://google.com">link</a>

如果您在同一个域中,则由于Same-origin policy可以毫无问题地执行此操作,但是如果iframe来自其他域,则必须使用sandbox property委派该特权,但是不幸的是,这具有不同的行为在不同的浏览器和不同版本的浏览器中。

答案 1 :(得分:0)

iframe是否来自同一域?如果没有,可能会有问题。

现在,试试这个

<a target="_parent">click me</a>

<a target="_top">click me</a>

此外,您确定这不是XY问题(https://en.wikipedia.org/wiki/XY_problem)吗?您真正想要实现的目标是什么?

答案 2 :(得分:0)

如果iframe是同一个域,则将点击按钮设置为:

window.open(url , '_blank')

答案 3 :(得分:0)

在Iframe广告代码中使用以下属性

target="_blank"