2012-05-09 6 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

これが一番簡単です。できます!!ありがとうございました !! –