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

Question

从文章中如何识别网页是在iframe中加载还是直接加载到浏览器窗口中？ 我们了解您可以检测是否正在通过框架查看页面。

使用WordPress网站。 我想根据它的视图向我的网站附加一个body class标签。 我这样做是为了调整样式。 我知道这无法通过PHP来完成，您需要使用JavaScript。

有人可以引导我通过一个示例来说明如何添加我的健身课程吗？

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

在此先感谢您的牵手。

Answer 1

您可以通过将jQuery代码段添加到文档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>

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