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

Question

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

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

1. 调整大小功能不起作用，因为调整大小功能会在删除之前计算页眉和页脚

2. 它显示为包含页眉和页脚的完整网页，然后将其删除

Answer 1

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

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

如果您已向iframe提供了ID，请使用此css或应用inline 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"];