在iframe中更改页面的按钮或链接

Question

我希望在页面中创建一个链接或按钮来更改iframe所在的页面。这将是一个本地页面：

  

idreesinc.com/iframe.html

你可以看到我已经拥有的东西：

  

idreesinc.com/research

我非常感谢帮助，因为我一直在寻找答案。谢谢！

Answer 1

您可以简单地将其目标链接到iframe名称，如下所示：

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

您父母的链接将是：

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

Answer 2

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

Answer 3

我正在使用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>​

Answer 4

在链接内创建一个按钮，其目标指向iframe名称：

<iframe name="demo" src="site1.html"></iframe>
<a href="site2.html" target="demo"><button>site2</button></a>