js刷新当前页面的方法

在开发网页过程中，我们可能需要在用户操作完成后重新加载页面，例如在表单提交后需要刷新页面展示提交结果。在这种情况下，我们可以使用JavaScript代码来实现刷新页面的功能。

location.reload()方法

最常见的刷新页面方法是使用location.reload()方法，该方法会重新加载当前页面。以下是使用该方法的示例代码：

// 刷新当前页面
location.reload();

该方法不带任何参数，直接调用即可。需要注意的是，该方法会强制刷新页面，即使页面上有未保存的数据或运行中的程序也会被中断。

location.href重新加载当前页面

另一种刷新页面的方法是使用location.href属性将页面重定向到当前页面的URL上。例如，以下代码将重新加载当前页面：

// 重定向到当前页面的URL，即刷新当前页面
location.href = location.href;

该方法和location.reload()方法有着相同的效果，需要注意的是刷新页面时会丢失未保存的数据。

location.replace()方法

与location.href属性不同的是，location.replace()方法会替换当前页面的URL，而不会在浏览器的历史记录中创建一个新的记录。以下是使用该方法的示例代码：

// 用当前URL替换当前页面
location.replace(location.href);

需要注意的是，该方法和location.href属性一样会丢失未保存的数据。

总结

使用JavaScript代码刷新当前页面主要有三种方法：location.reload()方法、location.href属性、location.replace()方法。这些方法都是简单易用的，但需要注意其会强制刷新或丢失未保存的数据等问题。在使用之前，需要根据具体的需求选择合适的方法。