关于iframe的一些小问题(一些信息)

来源:互联网 发布:msp430单片机简介 编辑:程序博客网 时间:2024/04/30 06:13

概念和使用方式
先聊下我遇到的问题:
所有html都会引入一个公共的html模块 里面有js和css 的工具引用
一般情况没啥问题,但是有一个会显示并且可以动的的logo的时候,这就有点问题了。
案发原因:logo在同一个位置多次显示 ,和重影一样,移动一个还有一个在原地。
思路:找到这个logo的位置,实在iframe里面还是在iframe外面。判断位置,决定显示隐藏(虽然不够优化,但是时间有点不太够)。应该是按需加载比较好,只是这样的话 工作量会相对比较大
解决方案:
1、区分当前页面是在什么位置。
第一:正常页面(非iframe引入的页面,正常展示)
第二:iframe引入的页面(非引入iframe的页面)
第一种已经判断过了可以做到判断当前页面的位置

if (self.frameElement && self.frameElement.tagName == “IFRAME”) {
  alert(‘在iframe中’);
}

2.方式二
if (window.frames.length != parent.frames.length) {
  alert(‘在iframe中’);
}

3.方式三
if (self != top) {
  alert(‘在iframe中’);
}

以上用任何一种都可以判断代码是否在iframe中.

(稍后补充)

原创粉丝点击