删除 iframe 内的网站页眉和页脚答案

【问题标题】：Remove site header and footer inside iframe删除 iframe 内的网站页眉和页脚
【发布时间】：2017-03-17 06:38:46
【问题描述】：

我有一个包含类别页面的网站。我想在主页中包含此类别页面，但在 iframe 中时不包含页眉和页脚。但是，如果用户从其 URL 访问它，它应该显示整个页面。此外，将 iframe 调整为与页面相同的高度和宽度。

我尝试加载 iframe 并删除页眉和页脚，但问题是：

resize函数不起作用，因为resize函数在删除之前计算页眉和页脚
它显示为带有页眉和页脚的完整网页，然后它被删除了

【问题讨论】：

在你所谓的 iframe 脚本中，检查是否 (window.parent === window)，如果是这样，那么你的页面不在 iframe 中。

标签： javascript jquery html css iframe

【解决方案1】：

您可以使用网站后端或 JavaScript/jQuery 来检测 iFrame 链接中是否有参数（即 www.yoursite.com/pagename?hide=true），这将隐藏页脚和如果 hide=true，则标头。

对于尺寸问题，您可以应用以下更改

如果你给 iframe 一个 id 然后使用这个 css 或应用内联 css

#myIframe
{
    position: relative;
    height: 100%;
    width: 100%; 
}

下面是使用jquery获取url传入变量的逻辑

// Get all variables from a url and return them as an associative array.
function getVariableFromURL()
{
    var variables = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        variables.push(hash[0]);
        variables[hash[0]] = hash[1];
    }
    return variables;
}

例如，如果您有 URL：

http://www.yoursite.com/?param1=Value1&param=Value2

输出如下：

{
    "param1"    : "Value1",
    "param2" : "Value2"
}

你可以如下获取：

var param1 = getVariableFromURL()["param1"];
var param2 = getVariableFromURL()["param2"];

【讨论】：

我不关心变量我关心你的前 3 行如何做到这一点