iframe交换

提问于 2024-04-29T10:04:32+08:00

浏览次

-3

我在我的主页上有一些关于图片的下拉菜单，我有一个名为Links with iframe的页面，即时通讯使用wordpress和visual composer插件，所有链接都在vc文本块中

我的问题：如何为家中的所有链接使用相同的iframe，所以当我点击链接时，它会转到链接页面并更改wordpress中的iframe？

主页：http://www.corebusinesssa.co.za/Test/

链接页面：http://www.corebusinesssa.co.za/Test/links

1 回答

0
要更改iframe的内容，您可以进行以下操作 .

你的iframe：
```
<div class="my-iframe">
        <iframe id="my_iframe_id" width="100%" height="1080" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"
           src="http://my.site.com/onething/otherthing">
        </iframe>
    </div>
```
你可以用它来更新网址
```
<script>
        function updateIframeSrc(newSrc) {
            document.getElementById("my_iframe_id").src = newSrc;
        }
</script>
```
因此，当您单击所需的某个元素时，只需要使用新URL调用 updateIframeSrc(...) .

希望这可以帮到你 ;）

EDIT : Add some code to answer comments

在URL上发送param的快速而肮脏的方法是将其添加到你的href中 . 如果你愿意，你可以做得更好;）
```
<a href="http://www.corebusinesssa.co.za/Test/links?urlsrc=http://my.site.com/onething/otherthing" target="_blank">click here</a>
```
然后，您只需要声明上一个函数 updateIframeSrc(...) ，并在到达目标页面时调用它 .

要知道如何从您的网址获取 urlscr param，您可以参考以下帖子：How to get the value from the GET parameters?
回复于 2024-04-29T10:04:32+08:00

相关问题