开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Javascript刷新父页面弹出消息

JavaScript刷新父页面弹出消息是指在一个子页面中通过JavaScript代码刷新父页面，并在刷新后弹出消息提示。

实现这个功能的一种常见方法是使用window.opener对象来访问父页面，并调用其方法或属性。具体步骤如下：

在子页面中，使用window.opener.location.reload()方法来刷新父页面。该方法会重新加载父页面的内容。
在刷新完成后，可以使用window.opener.alert("消息内容")方法来弹出消息提示框。其中，alert()方法用于显示一个带有指定消息和一个“确定”按钮的对话框。

这样，当子页面中的JavaScript代码执行时，会先刷新父页面，然后弹出消息提示框。

这种功能在很多场景中都有应用，比如在一个弹出窗口中进行操作，操作完成后刷新父页面并提示用户操作结果。

腾讯云提供了丰富的云计算产品，其中与前端开发相关的产品包括云服务器（CVM）、云存储（COS）、内容分发网络（CDN）等。这些产品可以帮助开发者搭建稳定可靠的前端开发环境，并提供高效的数据存储和传输服务。

更多关于腾讯云产品的介绍和详细信息，可以参考腾讯云官方网站：腾讯云。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

javascript刷新父页面的各种方法汇总

用iframe、弹出子页面刷新父页面iframe parent.location.reload(); 弹出子页面 window.opener.location.reload(); 子窗口刷新父窗口 self.opener.location.reload(); 刷新以open()方法打开的窗口 window.opener.location.href...=window.opener.location.href; 刷新以winodw.showModelDialog()方法打开的窗口 <script language="<em>javascript</em>

2.2K2 0

jquery刷新当前页面、刷新父级页面

jquery刷新当前页面、刷新父级页面 window.location.reload(); // 刷新当前页面 parent.location.reload(); // 刷新父级页面 opener.location.reload...(); // 刷新父窗口页面（用于单开窗口） top.location.reload(); // 刷新最顶端页面（用于多开窗口）补充常用的知识 window.open(); // 打开窗口 window.close...(); // 关闭一个窗口(关闭窗口本身用self) window.alert('弹窗信息') // 弹出提示信息(常用,不过用了ui库之后很少用了); window.confirm('确认框信息')...; // 弹出确认框 window.prompt(); // 弹出输入提示框: window.location.href= 'http://xx.com'; // 跳转某给链接后面等号不接url...可打印当前url console.log(window.location.href) // 打印当前url window.open("http://xx.com", "_blank"); // 从新页面打开

3151 0

jqGrid 关闭刷新父页面数据

子页面提交方法: function commit(){ var data = $("#pwd").serialize(); $.post("#",data,function(data)...{ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }) } 父窗口数据刷新再关闭

3.8K10 0

JavaScript禁用页面刷新

JavaScript禁用页面刷新代码如下： //禁用F5刷新 document.onkeydown = function () { if (event.keyCode == 116) {...event.keyCode = 0; event.cancelBubble = true; return false; } } //禁止右键弹出菜单 document.oncontextmenu...= function () { return false; } 添加完成之后，先情况浏览器缓存查看效果，有的没有效果是因为本地浏览器缓存了页面内容和js。

4.8K9 0

layer实现关闭弹出层刷新父界面功能详解

); 相比较而言，第一种方案会更佳，因为在操作逻辑上，手动关闭弹出框，应该不触发刷新操作，只有当弹出框的处理逻辑执行成功后，调用函数关闭弹出框才触发父界面刷新操作，基于这个逻辑，应该选择方案一。...方案二，不管怎样都会刷新页面，实际上无端的增加了服务器的处理压力。方案二：可以解决子页面处理后的结果发送给子页面的父页面的问题。...对于layer.js出现回调关闭父类的弹出层时，之前的表单的submit失效的问题：如何解决：网上有很多，有的是转为ajax的请求，在数据传输完再关闭父类的弹出层：下面是关闭父弹出层的办法： 1 2...，则怎么解决，后面发现layer.js留有一个好的方式，那就是调用父窗口的方法，这个不受子窗口的影响，通过：parent.父类方法名（参数）这样就可以了，在父窗口中再调用layer.js的弹出就好了。...未经允许不得转载：肥猫博客 » layer实现关闭弹出层刷新父界面功能详解

4.5K6 0

javascript 页面后退并刷新

javascript做页面后退常使用的方法是 window.history.back(); 这样确实可以做到后退的功能，但是项目中，常常并不只是后退就能完成需求，往往需要在后退的同时，刷新后退的页面信息...，比如后退到首页同时刷新首页的最新数据，这样的需求通过上面这种方法就没法满足了，为了实现这个需求，我们需要使用到 document.referrer 这个方法可以取到上一个页面的具体路径，我们通过这个方法...，再结合JS的跳转函数 window.location.href 就可以实现后退并且刷新的效果的，完整代码如下： window.location.href=document.referrer; 发布者

2.5K4 0

解决浏览器差异导致从子页面回到父页面，父页面不刷新的问题

我的问题也是如此，我的需求是从父页面跳转子页面，子页面提交后返回父页面，并且父页面刷新。 ...Android的Chrome浏览器对这个需求就很容易支持，因为他每次页面重新显示的时候，都会刷新整个页面。而IOS的Safari浏览器出现了问题，Safari浏览器会读取缓存，不会重新刷新页面。...总体思路是在子页面返回时，告知父页面刷新。并且只在IOS上执行这个操作，否则Android会刷新两遍。 ...由于笔者对JS并不算精通，最初是想参考Android原生的回调操作，利用js实现页面回调，最后没能实现。然后考虑利用浏览器的生命周期，在H5中应该叫做事件，来处理。 ...它是在页面显示的时候响应，同时支持Chrome和Safari。

2.6K2 0

javascript如何监听页面刷新和页面关闭事件

这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件。相同点: 两者都是在对页面的关闭或刷新事件作个操作。...(因为，unbeforeunload()是在页面刷新之前触发的事件，而onubload()是在页面关闭之后才会触发的)。 unbeforeunload（）事件可以禁止onunload()事件的触发。...onunload()事件是无法阻止页面关闭的。...浏览器的兼容 onunload: IE6，IE7，IE8 中刷新页面、关闭浏览器之后、页面跳转之后都会执行； IE9 刷新页面会执行，页面跳转、关闭浏览器不能执行； firefox(包括firefox3.6...) 关闭标签之后、页面跳转之后、刷新页面之后能执行，但关闭浏览器不能执行； Safari 刷新页面、页面跳转之后会执行，但关闭浏览器不能执行； Opera、Chrome 任何情况都不执行。

11.9K3 0

javascript页面刷新的几种方法

javascript页面刷新的几种方法 javascript refresh page 几种页面刷新的方法 window.location.reload()，window.history.go(0)和document.execCommand...Javascript刷新页面的几种方法： 1 history.go(0) 除非有<%.....: javascript自动刷新页面方法详解 1.页面自动刷新：把如下代码加入区域中其中20指每隔20...其中20指隔20秒后跳转到http://www.url.com页面 3.页面自动刷新js版 function myrefresh() {... parent.location.reload(); //子窗口刷新父窗口 <script language=JavaScript

4.7K1 0

layer执行父窗口ajax方法,layer 弹出层回调函数调用弹出层页面函数

1、项目中用到layer 弹出层，定义一个公用的窗口，问题来了窗口弹出来了，如何保存页面上的数据呢？疯狂百度之后，有了结果，赶紧记下。...2、自己定义的公共页面方法： layuiWindow: function (options) { var defaults = { title: ‘添加菜单’, width: ‘100px’,...options.btn, //只是为了演示 yes: function(){ options.callBack(); }, btn2: function(){ layer.close(); } }); } 3、父页面...在子页面使用layer弹出层时只显示遮罩层,不显示弹出框问题最近子页面使用layer弹出层时只显示遮罩层,不显示弹出框,这个问题搞了很久,最后才发现,在子页面上使用弹出框时,如果只使用layer.alert...()或者layer.open()时,会默认在当前页面弹 … OA项目之弹出层中再弹出层弹出层中再弹出一层如图: 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/159849

2.1K3 0

javascript refresh page 几种页面刷新的方法

javascript refresh page 几种页面刷新的方法下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。...BODY> 下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。...（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）复制代码代码如下: 1 PrintWriter out = response.getWriter(); 2 out.write...(“”); 3 子窗口刷新父窗口 4 out.write(“self.opener.location.reload();”);...> 2.子窗口刷新父窗口复制代码代码如下: self.opener.location.reload();

1.2K3 0

JavaScript刷新页面的几种方法

附：javascript刷新页面的几种方法： history.go(0) location.reload() location=location location.assign(location) document.execCommand...3，页面自动刷新js版 function myrefresh() { window.location.reload(); } setTimeout...('myrefresh()',1000); //指定1秒刷新一次 4，JS刷新框架的脚本语句 //刷新包含该框架的页面用 parent.location.reload(); //子窗口刷新父窗口 self.opener.location.reload...(); (　或　刷新 ) //刷新另一个框架的页面用 <script type

6883 0

你知道 JavaScript 有 535 种方法刷新页面吗？

第 1 种 location = location 第 2 种 location = location.href 第 3 种 location = window...

1.1K1 0

JavaScript实现F5效果，清空缓存并刷新页面

对于大多数浏览器而言，都包含有三种刷新方式，以下我们以Chrome浏览器为例： F5刷新：这是最常用的刷新方式，它会根据缓存的有效期和修改时间，决定是否重新从服务器下载内容。...Ctrl+F5刷新：这是强制刷新的方式，它会忽略缓存的内容，强制重新从服务器下载所有内容，包括JavaScript文件，图像，文本文件等。这样可以保证显示网页的最新内容，但是会消耗更多的流量和时间。...JS 代码实现F5的效果，清空缓存并刷新页面 JS 代码实现F5的效果，可以使用以下方法： window.location.reload(false) 方法会根据缓存的有效期和修改时间，决定是否重新从服务器下载内容...window.location.href = window.location.href 方法会重新加载当前页面的URL，但是也可能使用缓存的内容。...未经允许不得转载：w3h5-Web前端开发资源网 » JavaScript实现F5效果，清空缓存并刷新页面

4.5K4 1

使用ElementUI的message组件时，页面刷新会提示一个空的消息框

1261 0

JScriptHelper类

/// 一些常用的Js调用 /// public class JScript { /// /// 弹出...HttpContext.Current.Response.Write(js); #endregion } /// /// 弹出消息框并且转向到新的...URL /// /// 消息内容 /// <param name="toURL...string.Format(js, message, toURL)); #endregion } /// /// 回到历史<em>页面</em>...HttpContext.Current.Response.End(); #endregion } /// /// <em>刷新</em><em>父</em>窗口

5221 0

js弹出框、对话框、提示框、弹窗总结

”/> 三、弹出独立窗口 [javascript] view plain copy //关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write(“”); //弹出窗口刷新当前页面 this.Response.Write(“”); //弹出提示窗口,确定后,刷新父窗口 this.Response.Write(“alert...Cookie控制 //回想一下，上面的弹出窗口虽然酷，但是有一点小毛病，比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，我们使用cookie...替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！

16.2K3 0

salesforce零基础学习（九十四）classic下pagelayout引入的vf page弹出内容更新此page layout

下面我们的demo根据当前引入的vf page弹出新的窗口，窗口对当前 page layout的部分的变量进行重新赋值需要刷新自动此page layout达到预期效果。...GoodsDemoPage.page:用于展示一个按钮，点击此按钮弹出来一个子页面 1 2 3 <script type="text/<em>javascript</em>"...点击‘清空Status状态’按钮以后，会弹出来一个页面，点击页面中的‘清空’按钮以后弹出的页面会关闭并且当前的 page layout会自动刷新。 ?...window.opener用于返回打开此页面的页面。

7811 0

前端工程师必须知道的用javaScript刷新当前页面的3种方法

业务场景：APP列表页右上角有一个立即刷新按钮，点击立即刷新需要刷新当前页面。...下面简单实现几个DEMO 效果图目录方法1：reload() 方法方法2：replace() 方法方法3：页面自动刷新 ---- 方法1：reload() 方法 reload()方法用于刷新当前文档...类似于你浏览器上的刷新页面按钮。 <!...function reloadPage(){ location.reload() } 方法3：页面自动刷新页面自动刷新：把如下代码加入区域中，其中10指每隔10秒刷新一次页面。

4360 0

js实现页面刷新

parent.location.reload(); //子窗口刷新父窗口 <script language=JavaScript...，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。...2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。 3.frames是window对象，是一个数组。代表着该框架内所有子页面。...，刷新父页面）复制代码代码如下: 1 PrintWriter out = response.getWriter(); 2 out.write("<script type=\"text/javascript...复制代码代码如下: parent.location.reload(); 2.子窗口刷新父窗口复制代码代码如下

20.4K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭