JS中刷新当前页面的方式

1、window.location.href=“url”:

当前页面打开URL页面,改变url地址,如果URL为空则重新打开当前页面。

(1)与self.location.href="url",self.location.href="url"相同

(2)this.location.href="url"当前页面打开URL页面

(3)parent.location.href="url"在父页面打开新页面

(4)top.location.href="url" 在顶层页面打开新页面


2、window.location.replace(“url”):

将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!


3、window.location.reload():

强制刷新页面,从服务器重新请求!和F5功能一样。

(1)window.opener.document.location.reload();使用子窗口的 opener 对象来获得父窗口的对象;


4、window.location.reload()与window.location.href=“url”的异同:

(1)相同点:都是刷新当前页面,都会提交数据。

(2)不同点:reload()会提示是否提交数据,可以提交GET和POST方式提交的数据;

href()不会提示是否提交并且只会提交URL里面的数据,即GET方式提交的数据




                                                                                     原博主地址

### JavaScript刷新当前页面的方法 在JavaScript中,有多种方法可以实现刷新当前页面的功能。以下是几种常用的方式: #### 方法一:使用`location.reload()` 这是最常见且直接的方法之一,用于重新加载当前页面。该方法接受一个布尔参数,表示是否从服务器重新加载页面(`true`表示强制从服务器加载,`false`或未提供时可能使用缓存)[^3]。 ```javascript function refreshPage() { location.reload(true); // 强制从服务器重新加载 } ``` #### 方法二:使用`history.go(0)` 此方法通过将历史记录指针移动到当前页面来实现刷新效果。它本质上是重新访问当前页面[^1]。 ```javascript function refreshPage() { history.go(0); } ``` #### 方法三:重置`location.href` 通过将`location.href`重新设置为自身,可以达到刷新页面的效果[^1]。 ```javascript function refreshPage() { location.href = location.href; } ``` #### 方法四:使用`location.replace(location.href)` 这种方法会用当前URL替换掉浏览器历史记录中的当前条目,从而实现刷新效果。需要注意的是,这种方式不会在历史记录中创建新的条目[^1]。 ```javascript function refreshPage() { location.replace(location.href); } ``` #### 方法五:定时器结合刷新逻辑 如果需要在特定时间间隔后自动刷新页面,可以结合`setInterval`或`setTimeout`函数实现[^3]。 ```javascript // 每隔5秒刷新一次页面 setInterval(function() { location.reload(); }, 5000); ``` 以上方法均可根据具体需求选择使用。例如,`location.reload()`是最直接的方式,而`history.go(0)`则适用于某些特定场景下的历史记录操作。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值