Question

我在iframe中有一个页面，但我只想显示主要内容 - 隐藏页眉，页脚和＆amp;边缘。如果你想看一下，这是iframe的页面：

http://www.carolinadreaming.com/?page_id=356

我试过这个解决方案： Is it possible to display only a certain div within an iframe? 但它没有用，因为内页和iframe本身都是响应式/可扩展的。

有没有人有任何想法？我真的很感谢你的帮助！谢谢！

Answer 1

如果您可以控制IFRAME的内容，那么请在帧的url标记中添加一个参数，例如

/myiframesite?hidedivs=true

然后，在iframe的网页中，阅读url参数，并使页面按照您的指示行事。

如果你没有控制权，祝你好运。

如何做到以上

您可以通过Google搜索轻松找到如何阅读网址参数。快速搜索found this page。

从阅读该帖子，你可以复制出这个示例代码：

function getQueryParam( name ){
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  
  var regexS = "[\\?&]"+name+"=([^&#]*)";  
  var regex = new RegExp( regexS );  
  var results = regex.exec( window.location.href ); 
   if( results == null )    return "";  
  else    return results[1];
}

然后你就可以使用它：

var doHideDivs = getQueryParam('hidedivs');

然后，如果doHideDivs为true，则隐藏您的divs。

如果你难以隐藏你的div，那么你应该做一个基本的Javascript教程，然后才能完成如此严格的任务。

Answer 2

我使用iframe插件解决了这个问题：

http://wordpress.org/plugins/iframe/

然后我调用页面显示如下：

[iframe src="https://www.SiteToBeScrubbed.com/Directory/Page/#DivToBeDisplayed" width="100%" height="600px" scrolling="no"]

我希望这有助于某人！

黑暗面： 我这样做时确实有问题。当iframe加载时，整个页面会跳转以使iframe成为页面顶部。仍在努力搞清楚那一个。

仅显示iframe中的某些div

2 个答案:

如何做到以上