JavaScript 页面刷新与跳转常用代码汇总

作者:异步漫步

时间:2026-10-24

浏览:424

本文汇总了JavaScript中实现页面刷新与跳转的多种常用代码方案。涵盖前台与后台刷新当前页、刷新父窗口、链接指定网页、刷新Iframe以及设置定时刷新等场景,提供具体的JS代码片段及后台Response.Write调用示例,帮助开发者快速解决页面更新与导航需求。

文章目录

刷新当前页面

一、刷新当前页面


在前台页面中,可通过以下JavaScript代码实现刷新:<script>window.location.href=window.location.href;</script>


在后台代码中,可使用C#的Response.Write方法输出脚本以刷新页面:Response.Write("<script>window.location.href=window.location.href;</script>")


刷新父页面

二、刷新父页面


若需在前台刷新父窗口,可使用如下代码:opener.location.href=opener.location.href;</script>


在后台代码中,通过Response.Write输出脚本实现父页面刷新:Response.Write("<script>opener.location.href=opener.location.href;</script>")


链接到指定网页

三、链接到指定网页


在前台页面中,可通过JavaScript跳转到指定URL:<script>window.location.href='https://www.jb51.net';</script>


需要注意的是,MSDN文档中提到的window.navigate(sURL)方法仅适用于IE浏览器,不适用于Firefox等其他浏览器。在HTML DOM Window Object规范中,并未列出window.navigate方法,因此建议避免使用。


在后台代码中,可通过Response.Write输出脚本跳转到指定页面:Response.Write("<script>window.location.href='yourpage.aspx';</script>")


或者,在后台代码中直接设置Response.Redirect("NewUrl")实现跳转。


刷新Iframe

四、刷新Iframe


在前台页面中,可通过JavaScript刷新指定的Iframe:iframe名字或者ID.location.reload(true);</script>



定时刷新

五、定时刷新


以下JavaScript函数实现每隔一秒刷新一次指定页面:<script>function flash(){window.location.href="https://www.jb51.net";setTimeout("flash()",1000);}</script> //1000为一秒


另一种定时刷新方式是直接使用setTimeout:<script>setTimeout("location.href=https://www.jb51.net",2000)</script>


还可以使用以下代码实现每秒刷新当前页面:<script>setTimeout("self.location.reload();",1000);</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章