Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js判断本页面被 iframe 嵌套

js判断本页面被 iframe 嵌套

作者头像
蓓蕾心晴
发布于 2023-05-31 05:40:27
发布于 2023-05-31 05:40:27
4.1K00
代码可运行
举报
文章被收录于专栏:前端小叙前端小叙
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!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>

参考自

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-05-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Clickjacking简单介绍
今天没有原创文章发了,从乌云知识库里选了一个文章给大家分享一下,不知道这种方式,大家是否能够接我从乌云知识库里选择一些文章给大家分享,请大家给我提出来,我来根据大家的意见来做出变化,毕竟写原创不易,请大家谅解。欢迎大家给我留言,让我知道你们的想法。
信安之路
2018/08/08
1.1K0
Clickjacking简单介绍
window location href页面跳转的几种用法及其延展「建议收藏」
如果页面中自定义了frame,那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开url地址。
全栈程序员站长
2022/09/14
5.8K0
iframe关闭父页面(iframe嵌套https页面)
width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1(显示)0(不显示) id 和其他的html标签id一样 在主页面中通过iframe标签可以引入其他子页面
全栈程序员站长
2022/07/25
7.4K0
top.location.href和localtion.href代码剖析
top.location.href=”url” 在顶层页面打开url(跳出框架)
张哥编程
2024/12/19
2560
JS常用代码块
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
3.4K0
Jquery基础(七) window.parent与window.openner区别
1."window.location.href"、"location.href"是本页面跳转
Java架构师必看
2021/06/10
1.6K0
js跳转界面
js页面跳转大全 所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。 目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的视觉效果,把一些栏目链接做成js链接,但这是一个比较严重的蜘蛛陷阱,无论是SEO人员还是网站设计人员应当尽力避免。 常用的JS页面跳转代码调用大全-马海祥博客 很多站长在制作网站的时候,为了某种展示或SEO优化的目的,常常需要利用js跳转效果,所以对于一个站长或SE
用户1219438
2018/03/29
10.8K0
iframe基本知识及iframe版本Tab切换
HTML5学堂:本文当中,会依次为大家介绍iframe是什么,为何使用iframe;如何在当前网页中调用iframe中的标签和内容;如何在iframe中调用当前网页中的内容;检测iframe内容是否加载完成;利用iframe防止钓鱼;如何让iframe中加载的内容决定外层iframe的宽高。最后还会书写Tab切换的实例。 iframe是什么,为何使用iframe? iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容。示例: <body> <div class='bt
HTML5学堂
2018/03/12
4.5K0
网站设计:20个常用技巧
用户11605835
2025/04/23
1700
网站设计:20个常用技巧
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"、"location.href"是本页面跳转.
botkenni
2022/03/24
2.5K0
深入理解iframe
iframe 用于在页面内显示页面,使用 <iframe> 会创建包含另外一个文档的内联框架(即行内框架)
Leophen
2019/08/25
4.9K0
js页面刷新跳转的几种方式及区别
跳转常用方法: window.location.href="index.php"; window.history.back(-1);//类似于按钮,参数是负几,就后退几次。 window.navigate("index.jsp"); //navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。 self.location.href=index.htm; //self指代当前窗口对象,属于window最上层的对象; //location.href 指的是
ydymz
2018/09/10
9.4K0
JavaScript学习笔记+常用js用法、范例(二)
javascript 加入如下语句,出错时会提示 注意: chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息
用户6808043
2022/02/24
2.3K0
JavaScript中window.open()和Window Location href的区别
URL 可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口
安德玛
2022/03/10
2.6K0
webApis05-swiper插件、window对象、定时器、location
节点 查找父节点 <!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>薪资想过万,代码敲三遍</title> </head> <bod
yuanshuai
2022/08/17
4270
【前端安全】JavaScript防http劫持与XSS
作为前端,一直以来都知道HTTP劫持与XSS跨站脚本(Cross-site scripting)、CSRF跨站请求伪造(Cross-site request forgery)。但是一直都没有深入研究过,前些日子同事的分享会偶然提及,我也对这一块很感兴趣,便深入研究了一番。 最近用 JavaScript 写了一个组件,可以在前端层面防御部分 HTTP 劫持与 XSS。 当然,防御这些劫持最好的方法还是从后端入手,前端能做的实在太少。而且由于源码的暴露,攻击者很容易绕过我们的防御手段。但是这不代表我们去了解这块
Sb_Coco
2018/05/28
3.5K0
vue项目iframe的传值问题
  所以。我把插件的使用封装了一个html页面。vue项目则利用iframe的方式引入。
Dawnzhang
2019/11/21
1.9K0
js跳转页面并刷新(本页面跳转)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/128190.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/27
25.6K0
JavaScript开发中几个常用知识点总结
  最近在做项目的时候自己写了一些JavaScipt代码,于是自己又进行简单的查阅资料整理了一下,发现了如下几个比较有用的知识点:
aehyok
2018/08/31
5300
如何检测本页中的iframe是否“加载”完成
这其实是上一篇"iframe框架取值兼容ie/firefox/chrome的写法"的扩展应用: 应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢? iframe1.html: <html> <head> <title>框架内页</title> </head> <body> <div> <input id="txt
菩提树下的杨过
2018/01/23
4.1K0
相关推荐
Clickjacking简单介绍
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验