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

9 篇文章 0 订阅

概念和使用方式
先聊下我遇到的问题:
所有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中.

(稍后补充)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值