我不知道的那些HTML和CSS知识（一）

记录一些我不清楚的玩意

一、iframe禁止嵌套

腾讯QQ空间防嵌套方法

<script type="text/javascript">
  document.domain = "qq.com";
  var _s_ = new Date(),
    g_T = {},
    siDomain = "ctc.qzonestyle.gtimg.cn",
    g_iUin = 499469859,
    g_iLoginUin = 499469859;
  g_T.fwp = [_s_];
  document.namespaces && document.namespaces.add && (document.namespaces.add('qz', 'http://qzone.qq.com/'), document
    .namespaces.add('x', 'http://qzone.qq.com/'));
  var QZFL = {};
  QZFL.event = {};
  QZFL.event.getEvent = function (evt) {
    var evt = window.event || evt,
      c, cnt;
    if (!evt && window.Event) {
      c = arguments.callee;
      cnt = 0;
      while (c) {
        if ((evt = c.arguments[0]) && typeof (evt.srcElement) != "undefined") {
          break;
        } else if (cnt > 9) {
          break;
        }
        c = c.caller;
        ++cnt;
      }
    }
    return evt;
  };
  QZFL.event.getTarget = function (evt) {
    var e = QZFL.event.getEvent(evt);
    if (e) {
      return e.srcElement || e.target;
    } else {
      return null;
    }
  };
  var QZFF_M_img_ribr = [];
  QZFL.media = {
    reduceImgByRule: function (ew, eh, opts, cb) {
      QZFF_M_img_ribr.push(QZFL.event.getTarget());
    },
    adjustImageSize: function (w, h, trueSrc, cb, errCallback) {
      QZFF_M_img_ribr.push(QZFL.event.getTarget());
    },
    reduceImage: function () {
      QZFF_M_img_ribr.push(QZFL.event.getTarget());
    },
    getImageInfo: function () {
      QZFF_M_img_ribr.push(QZFL.event.getTarget());
    }
  };
  g_T.fwp[1] = new Date();
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

淘宝防嵌套方法

if(window.top !== window.self){ window.top.location = window.location;}
1

四种防iframe方法
第一种要说的就是淘宝使用的办法

解决方案一：JS方法

<script type="text/javascript">
  if (self != top) {
    top.location = self.location;
  }
</script>
if (self == top) {
  var theBody = document.getElementsByTagName('body')[0];
  theBody.style.display = "block";
} else {
  top.location = self.location;
}
1
2
3
4
5
6
7
8
9
10
11

把上面的JS代码片段放到你页面的 head 中即可。

要特别说明下这种方法不是很靠谱，可以很轻松使这种方法失效。

只需要添加下面代码使JS代码失效，这种方法就没用了。