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

时间:2015-02-26 20:26:22

标签: javascript jquery html iframe

在我的网页中我使用iframe显示一些内容,而我正在使用此代码,

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

它工作正常,但我使用多个iframe,而且我不想添加&#34; in-iframe&#34;所有iframe中的类,是否可以添加&#34; in-iframe&#34;我想要iframe的课程?例如,它只能在此iframe <iframe id="iframeID" src="#"></iframe>中使用,而不能在其他iframe中使用。

1 个答案:

答案 0 :(得分:0)

只需在代码中添加其他条件即可。

例如:

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

请注意,某些条件(如上例所示)仅在iframe和父页面位于同一域中时才有效。