Question

从帖子How to identify if a webpage is being loaded inside an iframe or directly into the browser window?我了解到，您可以检测您的网页是否正在通过框架进行查看。

使用WordPress网站。我想根据它的视图向我的网站添加一个body类标记。我这样做，所以我可以调整造型。我知道这不能通过PHP完成，你需要使用JavaScript。

有人可以告诉我一个如何用这个添加我的身体类的例子吗？

if (top === self) { not iframe -do nothing } else { in a frame - add body class }

提前感谢您举手。

Answer 1

您可以通过将此代码段添加到文档head来使用jQuery执行此操作。如果通过iframe嵌入包含javascript代码的页面，这将添加到body类属性：

<script type="text/javascript">
$(function() {
  var isInIFrame = (window.location != window.parent.location) ? true : false;
  if(isInIFrame) {
    $('body').addClass('iframe');
  }
});
</script>

您可以查看此答案的更多源代码on Github

如果在iframe中查看页面，如何在Wordpress中添加body类？

1 个答案: