js判断本页面被 iframe 嵌套

蓓蕾心晴

发布于 2023-05-31 05:40:27

4.2K00

代码可运行

文章被收录于专栏：前端小叙前端小叙

运行总次数：0

代码可运行

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  我来自 iframe
  <script>
    // 判断本页面来自 iframe
    // 可行
    if (window.frames.length != parent.frames.length) {
      console.log('在iframe中111');
    }
    // 不可行
    if (self.frameElement && self.frameElement.tagName == "IFRAME") {
      console.log('在iframe中222');
    }
    // 可行
    if (self != top) {
      console.log('在iframe中333');
    }
    // 禁止页面被别人iframe
    // if (top.location != location) {
    //   top.location.href = location.href;
    // }
    // if (self != top) {
    //   top.location.href = self.location.href;
    // } 
    if (top != self) {
      // location.href = "about:blank"; //也可设置为你自己的URL
      location.href = "https://www.taobao.com"; //也可设置为你自己的URL
    } 
  </script>
</body>

</html>