2012-05-09 56 views
2

我希望在頁面中創建鏈接或按鈕,以更改iframe處於打開狀態的頁面。這將是一個局部頁面:在iframe中更改頁面的按鈕或鏈接

idreesinc.com/iframe.html

,你可以看到我已經在這裏:

idreesinc.com/research

幫助將不勝感激,因爲我一直在尋找一個年齡的答案。謝謝!

回答

9
<script> 
function setURL(url){ 
    document.getElementById('iframe').src = url; 
} 
</script> 
<iframe id="iframe" src="idreesinc.com/research.html" /> 
<input type="button" onclick="setURL('URLHere')" /> 
0

我正在使用jQuery。

$("#mybutton").click(function(){$("#myiframe").attr("src", "http://www.yahoo.com/")});​

http://jsfiddle.net/ws2hm/1/

#myiframe { width: 300px; height: 300px } 

$("#mybutton").click(function(){$("#myiframe").attr("src", "http://www.yahoo.com/")});​ 

Text on main page 
<button id="mybutton">Swap</button> 
<iframe id="myiframe" src="http://www.bing.com/"></iframe>​ 
+0

對不起,但我沒有jQuery。雖然謝謝! – user1373771

13

你可以簡單地用其目標的鏈接iframe的名稱如下:

<iframe name="demo" src="example.php"></iframe> 

你父鏈接將是:

<a href="newpage.html" target="demo">Change Link</a> 
+0

這是最簡單的一個。有用!!謝謝 !! –