2016-09-25 96 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

相關問題