在 iframe 中以不同方式显示内容

Question

在我的网页中，我正在使用 iframe 来显示一些内容，并且我正在使用这些代码，

$(function() {
  if (window.self != window.top) {
    $(document.body).addClass("in-iframe");
   }
});

它工作正常，但我正在使用多个 iframe，我不想在所有 iframe 中添加 "in-iframe" class，是否可以添加 "in-iframe" class 我想要哪个 iframe？例如，它只能在这个 iframe <iframe id="iframeID" src="#"></iframe> 中工作，而不能在其他 iframe 中工作。

Answer 1

只需在您的代码中添加另一个条件。

例如：

if ((window.self != window.top) && (window.frameElement.id=="iframeID")) {
    $(document.body).addClass("in-iframe");
}

请注意，某些条件（如上例）仅在 iframe 和父页面位于同一域中时才有效。

在 iframe 中以不同方式显示内容

display content differently within iframe

html

javascript

iframe

jquery