弹出层上触发刷新父窗口事件

弹窗交互与父窗口刷新
最新推荐文章于 2021-09-09 18:10:53 发布
原创 最新推荐文章于 2021-09-09 18:10:53 发布 · 138 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#弹出层上触发刷新父窗口事件

本文介绍了一种使用JavaScript实现的弹出层与父窗口交互的方法，具体为通过点击弹出层内的链接来触发父窗口的表单提交并刷新页面。文章提供了具体的代码示例，并建议了如何优化链接点击事件。

 1 弹出层通过a标签触发父窗口的刷新

  function  goBack(){
  parent.closePopLayer('hideGroupUserDiv') ;关闭弹出层
  var wild = $("#wlid").val();
  window.parent.document.getElementById("selgroupid").value=wild;将弹出层的值付给父窗口的form内隐藏 表单域
  window.parent.document.forms['searchForm'].submit(); 提交父窗口的form
}

 

 

 

2关于父窗口中<a href="javascript:void(0)" onclick="goBack();">back</a>

建议在onclick="goBack();return false">; 或者在goBack();中的末尾添加return false；

  

子窗口刷新父窗体
weixin_30301183的博客
06-10 117
正常窗口似乎是WINDOW.OPEN或HREFTARGET弹出的普通窗口,而模式窗口是类似ALERT那种必须关闭才能响应其他事件的窗口,或者是可以继承父窗口的生存(父窗口关闭相应的模式窗口也关闭), 以下就是2个,一个必须响应,一个不许要 <script> theDes="status:no;center:yes;help:no;minimize:yes;maximize:n...
js 返回到上一个页面并刷新页面
小亮子的博客
07-16 5282
经常遇到一些页面跳转的问题，当我们用window.history.go()/window.history.back()/window.history.forward(),只能实现页面返回上一页，但是却无法刷新返回到的页面，所以，总结（解析）如下方法：（从a.html跳转到b.html） &lt;script&gt; function goback(){ window.history.go(-1...
返回到上一个页面并刷新页面
yanwuxpp的博客
04-19 3万+
经常遇到一些页面跳转的问题，当我们用window.history.go()/window.history.back()/window.history.forward(),只能实现页面返回上一页，但是却无法刷新返回到的页面，所以，总结（解析）如下方法：（从a.html跳转到b.html） function goback(){ window.history.go(-1);//正常返回，a.ht
Js中的window.parent ,window.top,window.self 详解
热门推荐
Mr. David 专栏
12-01 10万+
在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。window.self功能：是对当前窗口自身的引用。它和window属性是等价的。语法：window.self注：window、self、window.self是等价的。window.top功能：返回顶层窗口，即浏览器窗口。语法：window.top注：如果窗口本身就是顶层窗口，top属
layer实现关闭弹出层刷新父界面功能详解
08-28
本文主要探讨如何使用layer实现关闭弹出层并同时刷新父界面的功能，这对于那些需要在用户完成特定操作后更新父页面状态的应用场景至关重要。 首先，我们来看基础的实现方法。通常，我们在关闭layer弹出层时会使用`...
弹出层关闭父页面刷新
06-04
`window.parent.location.reload()` 这行代码会刷新父窗口的页面。这里的`parent`属性用于引用包含当前窗口的窗口，即父窗口。`reload()`方法则是用来刷新页面的。 具体实现步骤如下： 1. 在弹出层的HTML代码中，...
lhgdialog弹出窗口应用实例与父窗口刷新
根据所提供的文件信息，标题为“lhgdialog弹出窗口例子”，描述中明确指出此示例主要实现四大核心功能：在框架结构中使用 lhgdialog、弹出窗口关闭后刷新父窗口、提供多个实用示例以及展示多种 UI 皮肤样式。...
实现弹出层禁止或允许父页面刷新的五种方法
在Web开发过程中，创建一个可以独立于父页面刷新的弹出层是一个常见的需求，这通常用于实现模态对话框、用户登录界面或者信息展示层等功能。实现这一需求的技术点包括JavaScript事件处理、DOM操作以及CSS布局等。...
jquery简单的弹出层浮动层代码
10-24
综上所述，文件展示了如何利用jQuery实现一个简单的弹出层效果，包括了弹出层的创建、定位、显示、隐藏等交互逻辑，以及对于页面元素的样式控制和事件处理的综合应用。这些知识点对于理解前端开发中常见的交互效果...
JS组件Bootstrap实现弹出框和提示框效果代码
lgxzzz的博客
09-09 8507
前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看bootstrap里面弹出框和提示框的处理。总的来说，弹出提示主要分为三种：弹出框、确定取消提示框、信息提示框。本篇就结合这三种类型分别来介绍下它们的使用。 一、Bootstrap弹出框 使用过
layer 弹出层在提交后关闭，然后刷新父窗口
chen846262292的专栏
12-01 3万+
使用场景是这样的：在用户列表页面，新增一个用户，点击新增的时候弹出一个layer弹出层，在该层完成信息后提交，保存成功后关闭弹出层，然后刷新用户列表。 解决方法有两种吧。 1.弹出层在提交保存后不关闭，由用户点击关闭，这时候layer可以监测到end事件，在该事件里做刷新列表页面（未测试过） 2.提交后根据服务器返回的结果是否保存成功来判断是否要关闭弹出层或刷新列表，一般情况如果返回的结果是
关于弹出窗口提交与父页面刷新的同步问题
☆ lijun ☆
04-29 525
最近在工作中发现一个问题，有这样一个需求，弹出窗口提交后需要将父页面刷新用来显示提交结果。 最开始没有注意并发问题，将两个操作都放在父页面上做的，代码如下： //匹配策略 function saveContactResultSelected(){ tydicWin1.document.forms["dataForm"].submit(); tydicWin1.close(); l...
jquery Jbox 弹出窗口刷新父页面 调用父页面
weixin_30716141的博客
02-27 579
问题如题: 这里我们在父页面定义一个全局的变量来标识是否需要刷新父页面（声明：下图中点击保存页面之后，不关闭子页面）：点击1出弹出窗口： 我们的目的是：如果，用户保存过数据：在点击关闭按钮和2处所指的小X时，刷新父列表页面；若果用户没有保存过数据，关闭窗口是不刷新父列表页面。 //这里是父页面（列表页面）varisFreshFlag="1";<%--关闭修改窗口时是否刷新列...
bootstrap表单中的提交按钮提交后自动刷新问题
sinat_35007100的博客
04-02 3487
问题描述：写了一个提交信息的页面用到了bootstrap框架，发现按了提交按钮之后页面自动刷新了，ajax请求的值返回到了后台，返回的成功信息也传到前台的但是既没有执行success方法也没有执行error方法，原因是自动刷新打断了ajax进程。 解决方法：只要将提交按钮移出来到form表单外即可 ...
弹框的子窗口调用父窗口的方法
it_xiaoqiao的博客
06-19 4686
window.parent.iframe_content.XyBizArchivesPersonInListManager.searchArchives();
JAVA毕业设计含文档和代码springboot凉州区助农惠农服务平台
最新发布
11-30
JAVA毕业设计含文档和代码springboot凉州区助农惠农服务平台
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值