在父框架中打开iframe页面(javascript)

时间:2012-06-02 10:40:24

标签: javascript iframe parent-child

我确定知道某人能解决我面临的这个问题吗?我有一个Index.html的网站,其中包含一个Iframe。在此iframe中,该网站的所有页面都显示为... Home.html..Info.html ... Contact.html..etc。

我想要一个javascript函数,以便当您通过google sitemap打开Home.html时,它会显示在Index.html的父框架中。我目前在每个子页面的head部分中具有的功能是:

<script> if (parent.location.href == self.location.href){ window.location.href = 'index.html' } </script>

虽然这有效,但它不记得子页面并打开带有默认iframe页面的索引页面... Home.html作为iframe编码如下:

<iframe id="iframe" src="home.html" allowTransparency="true" id="iframeID" name="iframeID" width="100" height="100" scrolling="no" frameborder="no"> </iframe>

有没有人解决这个问题,因为我到处搜索过?感谢。

1 个答案:

答案 0 :(得分:1)

尝试使用查询字符串设置location.href,即:

// .getAttribute so we don't get the absolute URL
var src = document.getElementById("iframe").getAttribute("src");
if (parent.location.href === self.location.href)
    location.href = "index.html?" + escape(src);

在index.html中创建查询字符串检查并相应地设置iframe源:

if (location.search)
    document.getElementById("iframe").src =
            unescape(location.search.substring(1));