Question

我有一个iframe显示来自html页面的内容（在同一个域内），假设iframe内容为mydomain.com/page1.html。

显然，我希望iframe中显示page1.html的内容。

但是，我希望在浏览器中输入整个网址（page1.html）时，将此文件（mydomain.com）重定向到我的主网站（mydomain.com/page1.html），而不更改它在iframe里面。

这是否可行？我将不胜感激任何帮助。感谢。

Answer 1

是的，根据你所写的内容，听起来你希望这种情况发生：

mydomain.com/page1.html输入浏览器重定向到mydomain.com /
mydomain.com/page1.html不会重定向但是保持在iframe不变

您可以将这个非常简单的脚本添加到page1.html来完成此操作：

<script>
if (top == self)
    location.href = '/';
</script>

警告：不要将此脚本添加到域的默认主页，否则将导致无限加载循环。

自包含示例

主页index.html包含：

<p>This is the home page, containing a frame.</p>
<iframe src="page1.html"></iframe>

框架页面page1.html包含：

<script>
if (top == self)
    location.href = '/';
</script>
<p>
This page will display in a frame only.
Loading it directly as the main page will redirect
the user to the default home page of the
website.
</p>

结果

加载网站的主域名将显示文本“这是包含框架的主页”。以及框架，包含“此页面仅显示在框架中......”

直接进入网站的主域名后跟/page1.html会立即重定向回主域名的主页。

保持iframe内容以显示源html，但具有要重定向的源页面

1 个答案:

自包含示例

结果