# iframe

# 一、如何用 iframe 把别人的页面嵌入自己的页面?

<iframe
  src="http://www.baidu.com"
  frameborder="0"
  scrolling="no"
  width="1024"
  height="1200"
  style="width:1024px;height:1200px;"
  allowtransparency="true"
  >iframe></iframe
>
1
2
3
4
5
6
7
8
9
10

# 二、如何判断自己的页面被 iframe 嵌入别人的页面?

1、方法 A

if (self.frameElement && self.frameElement.tagName == "IFRAME") {
  alert("在 iframe 中");
}
1
2
3

2、方法 B

if (window.frames.length != parent.frames.length) {
  alert("在 iframe 中");
}
1
2
3

3、方法 C

if (self != top) {
  alert("在 iframe 中");
}
1
2
3

# 三、如何防止网页被别站用 iframe 嵌套?

<script language="javascript">
  if (top != self) {
    location.href = "about:blank";
  }
</script>
header("X-Frame-Options: deny"); header("X-XSS-Protection: 0");
1
2
3
4
5
6