64 lines
1.8 KiB
Markdown
64 lines
1.8 KiB
Markdown
---
|
||
title: Location Reload Method
|
||
localeTitle: 位置重新加载方法
|
||
---
|
||
## 位置重新加载方法
|
||
|
||
JavaScript `Location.reload()`方法提供了在当前URL重新加载页面的方法。
|
||
|
||
语法如下：
|
||
|
||
`object.reload(forcedReload);` ，其中`forceReload`是可选参数。
|
||
|
||
要简单地重新加载页面，您可以输入`window.location`作为对象。
|
||
|
||
可选参数`force reload`是一个布尔值，如果设置为：
|
||
|
||
* `True`从服务器重新加载页面（例如，不存储浏览器缓存的数据）：
|
||
```
|
||
window.location.reload(true);
|
||
```
|
||
|
||
* `False`使用浏览器缓存的页面版本重新加载页面。
|
||
```
|
||
window.location.reload(false);
|
||
```
|
||
|
||
`False`是默认参数，因此如果留空，则`object.reload()`使用`object.reload()`的缓存数据重新加载页面，即与使用`object.reload(false)`方法相同。
|
||
|
||
要创建浏览器提供的“刷新”选项的效果，您可能需要创建HTML按钮并执行以下任一操作：
|
||
|
||
* 将`Location.reload()`附加到HTML按钮标记，如下所示：
|
||
```
|
||
<input type="button" value="Refresh Button" onClick="window.location.reload()">
|
||
```
|
||
|
||
* 使用使用该方法的函数将按钮上的事件分配给按钮，其中按钮看起来类似于
|
||
```
|
||
<button type="button" onClick="reloadThePage()">Refresh!</button>
|
||
```
|
||
|
||
```
|
||
<script>
|
||
function reloadThePage(){
|
||
window.location.reload();
|
||
}
|
||
</script>
|
||
```
|
||
|
||
### 例：
|
||
|
||
```javascript
|
||
// Reload the current resources from the server
|
||
window.location.reload(true);
|
||
|
||
// Reload the current resources from the browser's cache
|
||
window.location.reload();
|
||
```
|
||
|
||
这将从服务器重新加载当前URL的页面。
|
||
|
||
#### 更多信息：
|
||
|
||
* [MDN](https://developer.mozilla.org/docs/Web/API/Location/reload)
|
||
* [W3学校](https://www.w3schools.com/jsref/met_loc_reload.asp) |