layui子页面中退出登录使父页面跳转到登录页面

最新推荐文章于 2023-07-10 10:18:49 发布
最新推荐文章于 2023-07-10 10:18:49 发布
阅读量3.5k 收藏 5
点赞数 3
分类专栏： 前端 文章标签： layui html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43373239/article/details/103927447
版权

在layui的iframe模板中，因为页面都是通过iframe方式引入的，所以在子(iframe)页面中使用location.href = "../user/login.html"后，跳转的页面依然显示在内联框架中，而不是父页面跳转;

//parent.location.href = 要跳转的地址，可以时相对地址或绝对地址 例如http://www.qq.com
parent.location.href = "../user/login.html";

使用上面的方法就可以了，
parent.location.href是上一层（包裹iframe的）页面跳转,当然也可以使用top.location.href(最外层的页面跳转)
在这里插入图片描述

星月昭铭
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
WordPress实现退出登录后跳转到指定页面的方法
09-29
主要为大家介绍了WordPress实现退出登录后跳转到指定页面的方法,可实现针对指定页面、首页及当前页面的跳转功能,是建站时非常实用的技巧,需要的朋友可以参考下
layui-用户登录界面响应式动画模板
06-08
layui用户登录界面响应式动画模板基于layui-1.0.9制作，响应式设计，自适应分辨率，兼容PC端和移动端，动画背景，登录提示框动画效果。
layui框架中如何实现，在登录超时实现自动跳转登录页？
qq_26780317的博客
09-15 4088
前言：         最近，接手了一个layui框架做的系统，现在需要实现接口登录超时，自动跳转到登录页的操作。          方案：后台判断是否超时，前端根据接口返回的code码，实现自动跳转至登录页面。          问题点：前端重定向经常使用的是----w
用layui做一个简易的登录注册页面
weixin_44219955的博客
01-10 1万+
用layui做一个简易的登录注册页面 1.首先在主页绑定一个点击事件，点击登录按钮就可以弹出一个弹出窗，一般商场登录页面不会跳转一个新页面，因为如果进入一个新页面，登录后需要跳转会原来的页面，这样会导致用户体验感比较差。 <script> //JavaScript代码区域 layui.use(['element', 'layer'], function () { var element = layui.eleme
Springboot+thyemleaf+layui的跳转方式
享受科技，热爱生活！
04-13 1587
以跳转到登录界面为例 layui: ajax请求控制页面跳转：window.location = '/toLogin'; 跳转静态页面：window.location = '../login.html'; --静态页面要求在static目录下，否则会404 springboot：controller 跳转到templates动态页面: return "login"; 如果templates目录下未找到login.html会报错 org.thymeleaf.exceptions.Templ..
layui 跳转页面时的传参和取值问题
weixin_45866188的博客
08-04 739
layui 跳转页面时的传参和取值问题
vue实现未登录跳转到登录页面的方法
10-18
当用户登录成功后，再通过登录逻辑中的跳转部分，将用户重定向到最初尝试访问的页面。 需要注意的是，虽然示例中使用了`localStorage`来存储`token`，但实际上这不是一种安全的做法。`localStorage`中的数据可以被...
Vue-router路由判断页面未登录跳转到登录页面的实例
08-29
该实例中的主要思想是使用路由的meta属性来标记哪些路由需要登录权限，然后在路由守卫中判断当前用户是否已经登录，如果没有登录则跳转到登录页面。 首先，我们需要在路由配置中添加一个meta属性，用于标记该路由...
PHP未登录自动跳转到登录页面
10-20
在上述代码中，当用户未登录时，我们使用redirect函数将用户重定向到登录页面。 知识点四：编写控制器基类 在MVC架构中，控制器负责处理用户的输入并调用模型和视图去完成用户的请求。为了代码的重用和优化维护，...
Vue登录拦截 登录后继续跳转指定页面的操作
10-14
下面我们将详细探讨如何在Vue中实现登录拦截，并在用户登录后跳转到指定页面。 首先，我们需要在Vue Router的配置文件（通常是`router/index.js`）中，为需要拦截的路由添加一个元数据（meta）属性。例如，我们可以...
layui layer子窗口内自行关闭的办法
Roger20190612的博客
02-05 1841
通常可以在layer的yes按钮回调函数yes: function(index, layero){ layer.close(index) }方法关闭当前打开的窗口。 但是，如果子窗口的代码执行完毕需要自行关闭的时候，以上代码就没有办法使用。解决的方案是在需要关闭窗口的地方，加入以下代码即可。 window.parent.layer.closeAll(); ...
tp6_layui_02
weixin_46398352的博客
12-20 511
后台管理系统
layui后台布局+实现页面的内部跳转（iframe）
热门推荐
C_bianchengxiaobai的博客
08-25 3万+
最近想使用layui框架作为毕业设计的前端页面，先在layui官网上下载源码包（步骤省略） 打开layui官网，用的是免费的一套后台布局： 把页面源码下载下来部署到自己项目上: 那么怎么实现页面的内部跳转呢？（黑色部分不变，点击相应按钮，白色区域改变） 首先把下面复制到布局的内容主体区域上： 导入jquery（这里用jq实现，也可以用内置的jquery或者原生js）： 在jq方法体写逻辑： ...
html session 登录页面跳转页面跳转页面,layui弹窗里面 session过期 后跳转到登录页面...
weixin_28756021的博客
06-05 507
1.在登录页面添加$(function () {if (top != window) {layer.msg("登录失效", {icon: 5});top.location.href = window.location.href;}})2.在layui弹窗里点击添加的方法里添加form.on('submit(add)', function (data) {//发异步，把数据提交给控制器var ind...
Layui 后台模板 框体布局 实现 iframe 跳转、侧边菜单收缩
PieroPc的博客
07-10 4276
Layui 后台模板 框体布局 实现 iframe 跳转、侧边菜单收缩
layui子页面跳转最上级页面
qq_40787608的博客
01-11 414
layui登陆重定向嵌套页面的问题
layui页面数据交互
m0_46522271的博客
10-27 3506
layui页面简单数据交互
layui页面跳转
m0_54088351的博客
07-21 8721
//模拟单页跳转 $(document).ready(function(){ $(“dd>a”).click(function (e) { e.preventDefault(); $("#iframeMain").attr(“src”,$(this).attr(“href”)); }); }); 逻辑：通过jq拿a的href值放到iframe的src属性上 解释： e.preventDefault();：设置a的点击事件不跳转到另一个页面 $("#iframeMain").attr(“src”
layui 父页面向子页面传值
最新发布
02-19
在layui中，父页面向子页面传值可以通过URL参数、localStorage或者sessionStorage来实现。 1. URL参数：可以在URL中通过查询字符串的方式传递参数。在父页面中，可以通过拼接URL的方式将参数传递给子页面。在子页面中，可以通过获取URL参数的方式获取传递过来的值。 例如，在父页面中传递参数给子页面： ```javascript var value = "Hello"; window.location.href = "child.html?param=" + value; ``` 在子页面中获取传递过来的参数： ```javascript var param = window.location.search.substr(1); // 获取URL参数部分 var value = param.split("=")[1]; // 获取参数值 console.log(value); // 输出：Hello ``` 2. localStorage：可以使用localStorage来在父页面和子页面之间进行数据传递。在父页面中，可以使用localStorage.setItem()方法设置值；在子页面中，可以使用localStorage.getItem()方法获取值。 例如，在父页面中设置值： ```javascript var value = "Hello"; localStorage.setItem("param", value); ``` 在子页面中获取值： ```javascript var value = localStorage.getItem("param"); console.log(value); // 输出：Hello ``` 3. sessionStorage：与localStorage类似，但是存储的数据在会话结束后会被清除。 以上是layui中父页面向子页面传值的几种方式，你可以根据具体需求选择适合的方式进行使用。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值