2016-09-25 65 views
0

前几天我得到了一些帮助,但最终我得到的答案并没有为我工作,而且我仍在寻找如何解决问题。Onclick在新选项卡中打开URL但在iframe中没有第二个URL

我有这个页面测试:

http://cpanel2.secured.co.il/~iherbcoi/test.html

我有许多环节,其中包括:

  1. 在HREF在新标签中打开一个URL。
  2. 一个onclick事件,它在源页面上的iframe内部打开第二个URL。

我已经采取了原来的工作良好的链接,并希望将onclick URL更改为从页面的HEAD中的JS获取的值。

这是我原来的HREF /的onclick是工作的罚款:

<a href="http://www.cnn.com" target="_blank" onClick=document.getElementById("if").src='http://www.yahoo.com';>Original Link</a> 

的问题是,在iframe中打开网址是一样的,在一个新标签中打开的,而不是的onclick网址。

我还有一个问题,一旦iframe加载其内容,就会导致整个页面源刷新。请问如何避免这种情况?

这是目前使用的代码:

起始码:

<script type="text/javascript"> 
     function Link() { 
      document.getElementById("iframe_test").href = "http://www.yahoo.com"; 
     } 
</script> 

链路:

<a href="http://www.cnn.com" onClick="window.open(this.href)" target="iframe_test">JS HEAD code based link</a> 

iframe的:

<iframe id="iframeid" name="iframe_test" frameborder="0" scrolling="no" width="400px" height="400px"></iframe> 

回答

0

除非我误解,否则试试onclick="Link()"在您的脚本中实际调用该函数。目前你正在告诉窗口在iframe中打开href。

然后改变你的目标回_blank

也有几个错别字,将停止的东西被称为

HTML:

<a href="http://www.cnn.com" onclick="Link()" target="_blank">Click</a> 

<iframe id="iframe_test" src="" frameborder="0" scrolling="no" width="400px" height="400px"></iframe> 

JS:

function Link() { 

    document.getElementById("iframe_test").src = "http://www.yahoo.com"; 

} 
+0

感谢尼克,但问题是我不知道如何调用该函数。这是我的问题。你能告诉我我需要纠正什么吗?我的脚本有几个选项,但可以看到它们隐藏在测试页源代码的标签内。也许他们更正确? – Guy

+0

@Guy用更新的代码编辑了答案。请记住,当我尝试在iframe中打开“yahoo.com”时,由于yahoo不允许其网站显示在iframe中,因此存在X-Origin错误。我猜你的实际使用案例不尽相同 –

+0

非常感谢您的帮助! – Guy

相关问题