javascript加载页面-JavaScript 重新加载页面的方法

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

JavaScript 重新加载页面的方法？ 这个问题在我们日常的学习或者工作中可能经常会遇到。 希望这个问题能够帮助你收获很多。 以下是小编给大家带来的参考内容，让我们一起上去看看吧！

在 JavaScript 中重新加载或刷新 HTML 页面的方法有多种，但完成此工作的标准方法是使用 window.location 对象。 本文将向您介绍如何使用window.location对象重新加载（刷新）页面。

window.location 对象中提供了 reload() 方法，该方法指示浏览器重新加载页面。 浏览器可以从其缓存或从服务器执行此操作，具体取决于可选参数，即 reload(true) 将从服务器重新加载页面，reload(false) 只会从浏览器缓存重新加载页面。

下面我们将通过一个简单的代码示例来介绍JavaScript重新加载（刷新）页面的方式。

在示例中，我们将介绍使用 jQuery 和 JavaScript 从服务器和浏览器缓存重新加载页面。

在我们的 HTML 中，有两个键，一个用于从服务器重新加载页面javascript加载页面，一个用于从浏览器缓存刷新页面。 实际上，location.reload() 适用于所有浏览器，但您也可以使用 jQuery 来包装其他代码，例如将单击处理程序附加到两个按键。

示例代码：

	
		
		
		
	
	
		
如何使用jQuery和JavaScript重新加载(刷新)页面
		从服务器重新加载
		从浏览器的缓存中重新加载
		
			$(document).ready(function(){
				$("#btn_refresh").click(function() {
					location.reload(false); //从浏览器的缓存加载 
				});
				$("#btn_reload").click(function() {
					location.reload(true); //从服务器加载
				});
			});
		
	

功效图：

注意：

window.location.reload()将指示浏览器重新加载页面，这意味着从服务器重新下载数据javascript加载页面，解析并显示它。 您还可以使用 location.reload(false) 方法从浏览器的缓存中重新加载页面。

顺便说一句，您还可以使用history.go(0)和location.replcace(locatoin.pathname)来重新加载页面。

感谢您的阅读！ 看完上面的内容，你了解JavaScript重新加载页面的方式了吗？ 希望文章内容对您有所帮助。 如果您想了解更多相关文章，请关注易速云行业资讯频道。