js刷新页面和刷新打开自己的父页面

1.用iframe、弹出子页面刷新父页面iframe

<script language=JavaScript>

　　parent.location.reload();

</script>

2.弹出子页面

<script language=JavaScript>

window.opener.location.reload();

</script>

3.子窗口刷新父窗口

<script language=JavaScript>

self.opener.location.reload();

</script>

4.刷新以open()方法打开的窗口

<script language=JavaScript>

window.opener.location.href=window.opener.location.href;

</script>

5.刷新以winodw.showModelDialog()方法打开的窗口

<script language="javascript">

window.parent.dialogArguments.document.execCommand('Refresh');

</script>

一、页面执行流程说明：

1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口（b.html）

2.关闭弹出的新窗口b.html-->刷新父页面a.html

二、实现步骤：

要点：1.给按钮的点击事件编写函数f1()，用于弹出新窗口 window.open(新窗口的url,"",窗口参数)

2.给弹出的新窗口添加对关闭事件的监听（window.onbeforeunload），通过该监听来实现父页面刷新

说明：要点2中的实现参考了qq_26676207转载的js关闭当前页面刷新父页面

三、代码：

父页面 a.html

<head>

<script>

function f1(){

window.open("b.html","","width=800px,height=600px");

}

</script>

</head>

<body>

<button οnclick="f1()">点我打开新窗口</button>

</body>

子页面 b.html

<head>

<script>

window.onbeforeunload = function() {

window.opener.location.reload();

};

</script>

</head>

<body>

<h2>这是b.html</h2>

</body>

js刷新页面和刷新打开自己的父页面相关推荐

layui 子页面写弹出框覆盖父页面，以及给弹框中的表单赋值
咋说呢,因为对 layui 不太熟悉,这个弹出框搞了好久,看了好多解决方案,大致尝试了一下其中几种,在坑中无法自拔...总之终于搞出来了,在这里分享一下我的笔记. 着急的直接戳这里看解决代码. 尝 ...
vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...
iframe子页面点击按钮，执行父页面的点击事件
iframe 子页面点击.parent 父页面的id(auth-link-btn)的事件 <a href="javascript:void(0);" οnclick=&q ...
父页面与子ifream传值，父页面获取子页面document元素与方法
1.父页面获取子ifream中document元素方法 window.document.getElementById('warnIfream').contentWindow.document.getE ...
父页面调子iframe页面方法和子iframe调用父页面方法
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></ ...
js刷新父页面的方法
1.父页面弹出窗口,关闭弹窗刷新父页面 window.parent.location.reload(); 2.父页面打开新的浏览器窗口,关闭新的浏览器窗口,刷新父页面的方法 window.opener ...
iframe子页面内刷新父页面中另一个iframe子页面
框架页面如下: <div id="aa" style="float: left; height: 500px; border-right-style: solid; ...
js 页面跳转方法当前页与新增页面
js 页面跳转方法 open('http://www.baidu.com'); //页面跳转打开一个新的页面close() //关闭当前页面location.href //可以进行页面跳转当前网页直接 ...
vue打开其他项目的页面/打开外部链接，window模态框或内嵌在项目里
写这篇文章的时候心情很emo,希望自己更强大吧在项目里通过点击列表当前行,拿到每行的id之后,跳转到新页面打开外链或者以window模态框的形式在当前页打开,并且叉掉后不影响原来的页面. 一:在项目 ...

js刷新页面和刷新打开自己的父页面

js刷新页面和刷新打开自己的父页面相关推荐

最新文章

热门文章