首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我想在window.open()完成执行后使用location.reload()重新加载页面

在window.open()完成执行后使用location.reload()重新加载页面是一种常见的前端开发技巧。window.open()是JavaScript中的一个方法,用于打开一个新的浏览器窗口或标签页。而location.reload()是用于重新加载当前页面的方法。

当我们在使用window.open()打开一个新的窗口或标签页后,有时候需要在新窗口加载完毕后重新刷新当前页面,可以通过以下步骤实现:

  1. 在原页面中调用window.open()方法打开新窗口,例如:window.open('https://www.example.com', '_blank');
  2. 在新窗口的页面中,可以通过以下方式调用父窗口的location.reload()方法,实现重新加载原页面:window.opener.location.reload();

这样,当新窗口加载完毕后,会自动触发原页面的重新加载。

这种技巧在一些特定的场景下非常有用,例如在弹出窗口中进行某些操作后,需要刷新原页面以更新数据或状态。同时,这种方法也可以用于实现与新窗口进行双向通信,通过在新窗口中修改父窗口的数据,然后调用location.reload()方法来更新原页面。

腾讯云提供了丰富的云计算产品和服务,其中与前端开发和页面加载相关的产品包括:

  1. 腾讯云CDN(内容分发网络):CDN可以加速静态资源的加载,提高页面的访问速度和用户体验。了解更多信息,请访问:腾讯云CDN产品介绍
  2. 腾讯云Web应用防火墙(WAF):WAF可以保护网站免受常见的Web攻击,提高网站的安全性。了解更多信息,请访问:腾讯云WAF产品介绍

以上是关于在window.open()完成执行后使用location.reload()重新加载页面的解释和相关腾讯云产品的介绍。希望能对您有所帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

BOM

导航和打开窗口 window.open(“要加载的URL”, “窗口目标或_slef、_parent、_top或_blank”, “特性字符串”, “新窗口是否取代浏览器历史记录中当前页面的布尔值”);...(2)在开发环境下,很少使用真正的间歇调用,原因是一个间歇调用可能会在前一个间歇调用结束之前启动。 请参考:JavaScript高级技巧 6....每次修改location的属性(hash除外),页面都会以新URL重新加载!!浏览器的历史记录中会生成一条记录,点击“后退”按钮会导航到前一个页面。...(); // 重新加载(有可能从缓存中加载location.reload(true); // 重新加载(从服务器重新加载) 注意:不传递参数时,页面会以最有效的方式重新加载。...如果页面自上次请求以来并没有改变过,页面就会从浏览器缓存中重新加载。传递参数true,会强制从服务器重新加载。 三、navigator对象 识别客户端浏览器的实际标准。

92430

BOM

导航和打开窗口 window.open(“要加载的URL”, “窗口目标或_slef、_parent、_top或_blank”, “特性字符串”, “新窗口是否取代浏览器历史记录中当前页面的布尔值”);...(2)在开发环境下,很少使用真正的间歇调用,原因是一个间歇调用可能会在前一个间歇调用结束之前启动。 请参考:JavaScript高级技巧 6....每次修改location的属性(hash除外),页面都会以新URL重新加载!!浏览器的历史记录中会生成一条记录,点击“后退”按钮会导航到前一个页面。...(); // 重新加载(有可能从缓存中加载location.reload(true); // 重新加载(从服务器重新加载) 注意:不传递参数时,页面会以最有效的方式重新加载。...如果页面自上次请求以来并没有改变过,页面就会从浏览器缓存中重新加载。传递参数true,会强制从服务器重新加载。 三、navigator对象 识别客户端浏览器的实际标准。

1.3K51
  • 前端猿要了解的基本浏览器(BOM)知识

    另外的浏览器甚至规定,在一个页面尚未加载完成时,不允许执行 window.open() 语句,只能通过单击某个浏览器提供的按钮或者敲键盘打开 当然也可以为自己的浏览器安装弹窗屏蔽插件 超时调用和间歇调用...超时调用 setTimeout() 两个参数,参数1位执行代码,使用函数比较好;参数2位延迟时间; 使用 **clearTimeout() 可以清除 var t = setTimeout(function...},1000); } //关闭新打开的网页 间歇调用 setInterval() 参数与超时调用一样,只不过他是每过一段时间就执行一次,直至清除或者页面关闭 使用 clearInterval.../www.tzwlink.xyz/"; window.location = "http://www.tzwlink.xyz/"; 改变 URL 的参数来重定向 凡是修改除 hash 以外的参数都可以重新加载到修改页面...location.replace("http://www.tzwlink.xyz/"); reload() 重新加载页面 location.reload() 重新加载,从缓存中 location.reload

    86610

    # 前端文件下载的正确打开方式

    # window.open 上面使用a标签的案例也可以通过window.open来实现,效果是一样的,代码如下: window.open('http://www.baidu.com', '_blank'...) 这里的_blank是指定打开的方式,如果不指定,那么就会在当前页面打开,这里指定_blank,就是在新的页面打开。...同样a标签的download属性也是可以使用的,代码如下: window.open('http://www.baidu.com', '_blank', 'download=baidu.html') 当然这种方式也是有缺陷的...其他属性 这里的其他指代的都是能跳转页面的属性,比如location.assign、location.replace、location.reload等,这些属性都是可以实现文件下载的,代码如下: location.assign...') 这里的location.reload是有点特殊的,它的作用是重新加载当前页面,但是它也可以接受一个参数,这个参数就是要跳转的页面,所以也可以实现文件下载。

    27540

    原 八、BOM

    这个方法可以接收4个参数:要加载的URL、窗口目标、一个特性字符串、一个表示新页面是否取代浏览器历史纪录中当前加载页面的布尔值。...; } 6、间歇调用和超时调用 间歇调用:setInterval() 超时调用:setTimeout() //经过1salert不一定执行(因为JavaScript是一个单线程序的解析器),这段代码是告诉...; },1000) 调用setTimeout() ,该方法会返回一个数值ID,表示超时调用。这个超时调用ID是计划执行代码的唯一标识符,可以通过它来取消超时调用。...= "http://www.baidu.com"; location.href("http://www.baidu.com"); replace():不会在历史记录中生成一条新记录 reload():重新加载当前显示的页面...location.reload(); //重新加载(有可能从缓存中加载location.reload(true); //重新加载(从服务器重新加载) 三、navigator 对象 识别客户端浏览器的事实标准

    86550

    web页面的单页打印以及批量打印实现方法

    document.getElementById("print").innerHTML; window.print(); window.document.body.innerHTML = body; //重新载入当前文档...: location.reload(); } 注意:location.reload();要加,因可解决JS window.print()第二次点击事件失效问题 2.批量打印 注意点: (1)....window.open(“showPrint.html”,”print”); 打印预览页面的话 //如果是本地测试,需要先新建Print.html,如果是在域中使用,则不需要 // res 是后端返回的需要打印的...xxx.html页面 var pwin=window.open(res,"print"); pwin.document.write(res); pwin.document.close();//这个是必须的...注意:pwin.document.close(); 可以关闭showPrint.html的页面,使其第二次打印的时候不会跳转到showPrint.html

    4.8K00

    html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结

    大家好,又见面了,是你们的朋友全栈君。...JavaScript location.reload() 方法 Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下: location.reload( false|true...js实现进入页面先刷新在继续进行js的功能 js实现,进入页面先刷新一下,然后在执行之后js代码需要完成的工作 js或者jquery实现固定时间刷新页面 js怎么写2秒再刷新当前页面 设置定时2秒执行刷新...setTimeout(function(){ //使用 setTimeout()方法设定定时2000毫秒window.location.reload();//页面刷新},2000); 如何让html页面实现每次刷新的时候重新执行...用JS如何控制页面刷新 随机排列LI 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158242.html原文链接:https://javaforall.cn

    13.7K30

    js实现页面刷新

    true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") reload() 方法用于重新加载当前文档。...语法: location.replace(URL) 通常使用location.reload() 或者是 history.go(0) 来做。...如果有这种应用: 需要重新加载页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。 这里,location.replace() 就可以完成此任务。...4.0 Transitional//EN"> bottom.html <BODY onload="alert('<em>我</em>被<em>加载</em>了....net<em>页面</em> 3.<em>页面</em>自动刷新js版 [Ctrl+A 全选 注:如需引入外部Js需刷新才能<em>执行</em>] 三、java在写Servler,Action等程序时,要操作返回<em>页面</em>的话(如谈出了窗口,操作<em>完成</em>以后

    20.5K40

    JavaScript之BOM

    常用属性和方法: location.href 获取URL location.href="URL" // 跳转到指定页面 location.reload() 重新加载页面 弹出框 可以在...当警告框出现,用户需要点击确定按钮才能继续进行操作。 语法: 确认框(了解即可) 确认框用于使用户可以验证或者接受某些信息。...语法: 提示框(了解即可) 提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。 如果用户点击确认,那么返回值为输入的值。...; 计时相关 通过使用 JavaScript,我们可以在一定时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。...第二个参数指示从当前起多少毫秒执行第一个参数(1000 毫秒等于一秒)。

    1.3K50

    JavaScript(九)

    第二个参数是一个表示等待多长时间的毫秒数,但经过该时间指定的代码不一定会执行。 JavaScript 是一个单线程序的解释器,因此一定时间内只能执行一段代码。...另外,修改 location 对象的其他属性也可以改变当前加载页面。每次修改 location 的属性(hash 除外),页面都会以新 URL 重新加载。...在调用 replace() 方法之后,用户不能回到前一个页面。 与位置有关的最后一个方法是 reload(),作用是重新加载当前显示的页面。...如果调用 reload() 时不传递任何参数,页面就会以最有效的方式重新加载。如果要强制从服务器重新加载,则需要像下面这样为该方法传递参数 true。...location.reload(); //重新加载(有可能从缓存中加载) location.reload(true); //重新加载(从服务器重新加载) 位于 reload() 调用之后的代码可能会也可能不会执行

    1.1K40

    js刷新当前页面的5种方式

    大家好,又见面了,是你们的朋友全栈君。...强制刷新当前页面 1、reload – 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet, 可选参数, 默认为 false,...true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2、replace — 通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,...location.replace(location.href); //在服务端重新生成 当调用 location.reload() 方法时, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback...如果有这种应用: 需要重新加载页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。这里,location.replace() 就可以完成此任务。

    10K40

    JavaScript BOM浏览器对象模型

    URL length 窗口中的框架数 location 当前窗口的URL name 窗口名 offscreenBuffering 用于绘制新窗口内容并在完成复制已存在的内容,控制屏幕更新 opener...window.open()方法可以导航到一个特定的URL,也可以打开一个新的浏览器窗口。...它可以接受四个参数:1.要加载的URL;2.窗口的名称或窗口目标;3.一个特性字符串;4.一个表示新页面是否取代浏览器记录中当前加载页面的布尔值。...超时调用需要使用window对象的setTimeout()方法,它接受两个参数:要执行的代码和毫秒数的超时时间。...();//最有效的重新加载,有可能从缓存加载 location.reload(true);//强制加载,从服务器源头重新加载 location.replace('http://www.baidu.com

    1.9K60

    跳转与导航 | Electron 安全

    ,尤其是在 Electron 中,加载第三方页面可能会导致用户被远程命令执行,因此官方推荐禁用或限制网页跳转 参考文章 https://www.electronjs.org/zh/docs/latest...的src 修改不会触发主进程的跳转与导航事件 iframe 加载的内容中通过 window.top.location 修改顶层窗口的 URL 5 秒 触发导航事件 5. window.location...location.assign 导航到一个新页面 window.location.assign("https://www.mozilla.org"); 5秒 触发导航事件 3) location.reload...重新加载当前页面 window.location.reload(); 5秒 触发导航事件 4) location.replace 替换当前页面的 URL window.location.replace..." 5 秒 6) 其他属性 属性较多,基本上都是 URL 的一部分,如果修改也会导航事件 href: 返回当前页面的完整URL字符串,也可以用来设置新的URL以导航到其他页面

    19910

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券