DDR爱好者之家 Design By 杰米
在开发后台项目的时候产品那边提出了这个一个需求:用户点击“选择模板”的时候会弹出一个新窗口,在新窗口选择模板点击确定后,会关闭当前的新窗口,并且原来的那个窗口自动显示用户在新窗口的选择项。
这样会涉及到一个技术点,就是怎么通过JS来实现关闭子窗口并且刷新上一个窗口。
百度了很久,尝试了以下几种方案:
方案一:通过在子窗口的关闭函数中加入以下代码,即可实现父窗口的刷新。
window.opener.location.href = window.opener.location.href;
方案二:也是在子窗口的关闭函数中加入以下代码:
function closeMeAndReloadParent(){ opener.location.reload(); window.close(); }
以及方案三window.opener.location.reload();
方案四window.opener.reload();等等
结果发现以上方案全都不行,且都会报以下这种错误:
scrollbymyself.html:96 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
不知道是我实现方式有问题还是别的未知原因,没方法,需求在那里,总是需要解决的,经过亲身实践,总结出了下面这种可行方法,虽有明显缺点,但也总算了解决了需求。
父界面的代码
<span onclick="openNewWindow()">点击打开新窗口</span> <input type="text" class="parent-input"> <script> function openNewWindow() { document.querySelector(".parent-input").focus() window.open("scrollbymyself.html", "new window"); } document.querySelector(".parent-input").onfocus = function () { console.log("获取到了焦点,可以在这里写逻辑代码") } console.log("页面重新刷新") </script>
子界面的代码
<span onclick="closeCurrentWindow()">点击关闭当前窗口,并且更新上一个窗口的信息</span> <script> function closeCurrentWindow() { console.log(window) opener.location.reload(); window.close() } </script>
把上面的代码应该到项目中,即可实现需求,如果不想让input显示在界面上,可以添加opacity: 0;样式属性。
注意:
添加display: none;属性的话,并不会触发input的获取焦点的事件函数。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月19日
2024年04月19日
- 陈楚生.2022-涂鸦森林【华声时代】【FLAC分轨】
- 《张国荣 金曲回顾》[WAV+CUE][460MB]
- 缇ゆ槦銆婃ⅵ閱夊績澹般€媅WAV+CUE][698M]
- 群星《伤心城市·车舞慢嗨》2CD[WAV分轨][1.4G]
- 陈百强.2003-完全陈百强5CD【华纳】【WAV+CUE】
- 蔡依林.2006-舞娘【EMI百代】【WAV+CUE】
- 五月天.2007-为爱而生【滚石】【WAV+CUE】
- 群星1993-巨石1994送旧迎新[巨石][WAV+CUE]
- 群星1995-风中奇缘电影原声带(国际中文版)[迪斯尼][WAV+CUE]
- 爵士女伶(1)《JazzVocalsVol.1》[WAV+CUE]
- 大嘴巴.2007-大嘴巴【环球】【FLAC分轨】
- 群星.1991-飞鹰群星龙虎榜金曲收集版2辑【飞鹰】【WAV+CUE】
- 张蓉蓉.2018-为情所害【豪记】【WAV+CUE】
- 张信哲《宽容》[WAV分轨][467M]
- 群星《原音精选 香港高级视听展20周年纪念 SACD》[ISO][1.1G]