按钮或链接，用于更改 Iframe 中的页面

Button or Link That Changes Page in Iframe

本文关键字：Iframe 链接 用于 按钮      更新时间：2023-09-26

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

idreesinc.com/iframe.html

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

idreesinc.com/research

帮助将不胜感激，因为我多年来一直在寻找答案。谢谢！

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

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

您在父级中的链接将是：

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

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

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

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

我正在使用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>​
相关文章：