乐闻世界logo
搜索文章和话题

如何将 iframe 中的页面重定向到另一个页面,但必须留在 iframe 中

1 个月前提问
1 个月前修改
浏览次数12

1个答案

1

要在iframe中重定向到另一个页面,同时保持页面的显示在iframe内,我们可以通过几种方法来实现。以下是两种常见的方法:

方法1:使用JavaScript更改iframe的src属性

您可以通过JavaScript改变iframe的src属性来加载新的页面。这种方法简单且易于实现。例如,假设您的iframe标签有一个id为myIframe,您希望将其内容更改为https://example.com的页面。

html
<iframe id="myIframe" src="https://current-website.com"></iframe> <script> function changeIframeUrl() { var iframe = document.getElementById('myIframe'); iframe.src = "https://example.com"; } </script>

方法2:在iframe的页面内部使用HTML或JavaScript重定向

如果您有权访问iframe内部页面的代码,您还可以直接在该页面内部使用HTML meta标签或JavaScript进行重定向。

使用HTML meta标签:

在iframe页面的<head>部分添加如下代码:

html
<meta http-equiv="refresh" content="0;url=https://example.com">

这行代码会在页面加载后立即重定向到https://example.com

使用JavaScript:

在iframe页面的<script>标签中添加以下代码:

javascript
window.location.href = "https://example.com";

这段代码将会使得iframe内的页面跳转到新的URL。

小结

这两种方法都可以在不离开iframe的情况下重定向页面。选择哪种方法取决于您是否能够控制iframe内的页面内容。如果可以控制,您可以直接在内部页面使用重定向代码;如果不能,则需要通过更改iframe的src属性来实现重定向。

2024年8月13日 10:33 回复

你的答案