如果在iframe中查看页面，如何在Wordpress中添加body类 - How to add body class in Wordpress if the page is being viewed in an iframe?

How to add body class in Wordpress if the page is being viewed in an iframe?

本文关键字：Wordpress 添加 body iframe 如果 | 更新日期: 2023-09-27

从帖子中如何识别网页是在iframe中加载还是直接加载到浏览器窗口中？我知道你可以检测你的页面是否通过框架查看。

使用WordPress网站。我想在我的网站上附加一个body类标记，这取决于它的视图。我这样做是为了调整造型。我知道这不能通过PHP完成，你需要使用JavaScript。

有人能教我一个如何用这个添加我的身体类的例子吗？

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

提前感谢您的牵手。

您可以使用jQuery将此代码段添加到文档head中。如果带有javascript代码的页面是通过iframe:嵌入的，这将添加到body类属性中

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

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