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)
|