删除iframe中的网站页眉和页脚

Question

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

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

1. 大小功能不起作用，因为调整大小功能计算页眉和页脚之前取出

2. 看来无论是作为完整的网页与页眉和页脚然后取出

Answer 1

你会使用本网站或溜溜的后端你的JavaScript/jQuery来检测你的iFrames链接是否有参数（即。 www.yoursite.com/pagename?hide=true），如果hide = true，它将隐藏页脚和页眉。

对于大小问题，你可以运用以下变化

如果你给一个ID设置为iFrame然后用这个CSS或应用内联CSS

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

下面是在URL获取变量传递逻辑使用jQuery

// 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; }

例如，如果你有网址：

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

输出将是如下：

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

，你可以如下获取：

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