通过点击按钮解决图层弹出图层内容页面跳转到新页面的问题

在参与的项目中，有这样一个要求。基础数据导入成功后，默认弹出管理员登录页面。单击登录按钮跳转到管理页面。

导入页面按钮：

按钮类型的点击事件=' button ' id=' start ' class=' layui-BTN layui-BTN-radius layui-BTN-LG layui-BG-orange BTN 3 ' I导入/I/按钮导入按钮，点击后会出现图层弹出图层

$ ('# start ')。点击(function(){//判断是否选择区域var regioncode=$ ('# regioncode ')。val()；if(regionCode！=0){ //获取区域名称，用于显示var区域名称=$ ('# region code ')。查找(选择了选项：)。成功导入后的文本()；$.Ajax({ URL : ' %=path %/org/importMemoryOrgs？RegionCode=' RegionCode '，Type:' Post '，DataType:' JSON '，success 3360 Function(RES){ console . log(' success ')；console . log(RES)；//引导用户再次进入导入页面。验证效果是，曾经导入的区域if(RES . success==true){ layer . open({ type : 2，title :区域名称'党组织结构已成功导入'///，area: ['690px '，' 350px']，area: ['750px '，' 50%']，shade: 0.5，maxmin: true，content 3360 ' %=path %/orgadminloginpusername=' regionCode })；}else{ layer.open({ type: 1 //这里以iframe为例，title: regionName '党组织结构导入失败'//，area : ['690px '，' 350px']，area : ['750px '，' 75%']。shade: 0.5，maxmin: true，content : $(' # error ')})；$('#Content ')。html(RES . msg)；}}，错误：函数(RES){ console . log(' failed ')；} });}else{ alert('请选择一个区域')；} });

a class=' layui-BTN layui-BTN-normal ' style=' margin :0 auto；'href=' %=路径%/areaLogin？username=$ { username } password=123456 ' rel=' external no follow '以本地组织管理员身份登录/a如果直接点击此处，管理页面的所有内容仍在弹出层，这不是我想要的效果。

解决方案

最初，我想将A标记改为button，然后编写onclick事件。在脚本中，我使用layer.close()关闭弹出层，然后使用location.href="url地址"，但是没有用。一直在做后台开发，前端知识比较薄弱。

最终的解决方案是直接在标签a上添加target="_ top "来解决问题。

在target="_top" target="_ top "的数据上，该属性使文档加载到包含该超链接的窗口中。使用_ top目标将清除所有包含的框架，并将文档加载到整个浏览器窗口中。

Target="_ parent "，该属性使文档能够加载到target="_parent "窗口或包含超链接引用的框架的框架集中。如果该引用位于窗口或顶层框架中，则它等同于target _self。

Target="_ blank "，浏览器总是在新打开的未命名窗口中加载目标文档

Target="_ self "，这将导致目标文档被加载并显示在与源文档相同的框架或窗口中。(这是认识到你的每一次跳跃都在同一个窗口的核心点)

以上文章解决了在图层弹出图层的内容页面中点击按钮跳转到新页面的问题，这是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。