防止iframe重定向跳页

最新推荐文章于 2021-09-15 10:32:39 发布

原创最新推荐文章于 2021-09-15 10:32:39 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #html

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在PC端和移动端使用iframe防止父级页面被重定向。通过特定的sandbox属性设置，可以确保重定向链接在新窗口打开，或使链接失效，有效保护网页安全。

在 PC 端你可以这样设置 iframe, 来防止父级页面被重定向, 产生重定向结果的链接会以 _blank 的形式打开

<iframe src="page-b.html" sandbox="allow-forms allow-scripts allow-same-origin allow-popups">

</iframe>

在移动端你需要这样设置 iframe, 让产生重定向结果的链接失效, 来达到防止父级页面被重定向

<iframe src="page-b.html" sandbox="allow-forms allow-scripts allow-same-origin"></iframe>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大象吃莲子

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

php让iframe 重定向,利用可以在iframe中嵌入网页进行重定向

weixin_32659481的博客

03-17

802

$myDm["host"]="http://u26.cn/";$myDm["Sorry"]=$myDm["host"]."dm_ds.php?dm=Sorry";$myDm["cumt.net.cn"]=$myDm["host"]."dm_ds.php?dm=cumt.net.cn";$myDm["sxkw.cn"]=$myDm["host"]."dm_ds.php?dm=sxkw.cn";$my...

vue 用iframe嵌套其它项目页面针对跨域与传值页面跳转失败处理

周家大小姐

09-23

7201

需求:A项目中有个菜单点击的时候中心内容页面与B项目的一模一样,所以产品想把B项目的页面直接嵌入过来显示,但其中有几个问题要处理就是嵌入B项目时B项目的左侧菜单和头部导航要隐藏,并而在跳时隐式登录,不需要用户重新在B项目又登录一次。B项目在全局路由router.beforeEach中接收并在里面处理自动登录与跳转的问题。加载Iframe成功前先获取A项目用户ID这里是写的模拟的;

参与评论您还未登录，请先登录后发表或查看评论

防止iframe连接重定向到父级页面

小青蛙

09-26

8164

<iframe src="b.html" sandbox="allow-forms allow-scripts allow-same-origin"> </iframe>

解决iframe中seesion失效，页面重定向到iframe中的问题

Z17839192969的博客

07-08

1650

在login页面中加上 { window.top.location.href=location.href; }

关于iframe页面报错如何跳到框架显示

03-05

### 关于iframe页面报错如何跳到框架显示在网页开发过程中，经常遇到的一个问题是当嵌入在`iframe`中的内容出现错误时，如何让用户直接看到这个错误所在的框架或者跳转到一个特定的页面。这个问题涉及到前端...

前端使用iframe嵌套页面，页面需要登录，登录完成后，仍然跳回登录页面

最新发布

08-21

</think>### 解决 iframe 嵌套页面登录后跳回登录页的问题当使用 iframe 嵌套登录页面时，登录后仍跳回登录页的核心原因是 **跨域身份验证失效**。以下是完整解决方案： #### 核心问题分析 1. **Cookie 隔离机制*...

前端加载页面时怎么防止强跳

03-25

<iframe sandbox="allow-scripts" src="第三方页面地址"></iframe> ``` - **动态脚本审查**：通过MutationObserver监听DOM变化，阻止非法跳转脚本注入。 #### 5. 用户交互式跳转在必须跳转的场景下，**提供明确的...

子窗口iframe跳转到父窗口

11-30

2. **安全性**：在实现过程中应考虑安全性问题，比如防止XSS攻击等。 3. **兼容性**：不同的浏览器可能对这些操作的支持程度有所不同，因此在实际应用中还需测试其在不同浏览器下的表现。 4. **用户体验**：尽量减少...

layui框架中如何实现，在登录超时实现自动跳转登录页？

qq_26780317的博客

09-15

4601

前言：最近，接手了一个layui框架做的系统，现在需要实现接口登录超时，自动跳转到登录页的操作。方案：后台判断是否超时，前端根据接口返回的code码，实现自动跳转至登录页面。问题点：前端重定向经常使用的是----w

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

09-28

就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧

防止被IFRAME嵌套并自动跳到首页代…

php菜鸟技术天地

06-02

1355

if(self!=top) top.location=self.location;

html怎么阻止微信跳转页面,HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版-站长资讯中心...

weixin_39591455的博客

06-03

672

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。好了，想法一出来，就行动吧，最终效果如下图：一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真，微信网页版会自动跳转。结果如下图：于...

iframe重定向让父级页面跳转

韩大璐

11-09

2630

父级页面用iframe标签嵌套了顶部导航栏，点击导航栏想要实现父级页面跳转。使用window.top.location实现父级页面重定向。 top表示顶层页面。由于页面嵌套了iframe子页面，top表示最外面一层。 ...

java代码解决iframe重定向让父级页面跳转

我是小妖怪,潇洒又自在

04-25

4532

一般使用filter过滤用户是否登录或者是否有非法字符，如果用户没有登陆或有非法字符则转向登陆页面，这时候可以使用response.sendRedirect("跳转地址")。但当在页面上使用了iframe后(见下图的布局结构)，发现被重定向的只是父页面中的iframe区域，登陆页面内容显示在iframe区域中。说明在过滤器中发送重定向请求时，是在iframe页面发送的。为了解决这个问题...

点击退出跳出frame框架并重定向到登录界面

yyyuyangbo的博客

06-26

6010

传统的系统界面，有iframe页面，当用户退出系统或者session过期或者非法请求时，都要使当前页面跳转到登录页面。比如用户点击退出的按钮在上面得top.jsp里面，方法：<a href="../login/action_logout.do">退出系统</a>退出之后你会发现，只是刷新了top.jsp上面那个iframe，其他两个还在，当然不允许这样啦。解决办法大致有几种...

从iframe动作重定向父窗口

w36680130的博客

07-12

623

What JavaScript do I need to use to redirect a parent window from an iframe? 我需要使用什么JavaScript从ifra

JS页面跳转+JS在Iframe页面跳转、刷新

逸少

11-07

5665

window.location.href="jb51.jsp?backurl="+window.location.href; 第二种：复制代码代码如下: alert("返回"); window.history.back(-1); 第三种：复制代码代码如下: window.navigate("jb51.jsp

iframe子页面让父页面进行重定向

sundancer_lilong的博客

11-09

1250

在子页面中需要执行的方法 parent.window.location.href="url"；