📜  window.reload - Javascript (1)

📅  最后修改于: 2023-12-03 14:48:27.957000             🧑  作者: Mango

Javascript - window.location.reload()

近年来,前端技术不断发展,Javascript已经成为前端开发的重要技能之一。其中,window.location.reload()也是常用的方法之一。该方法可用于重新加载当前页面或指定的页面,也可用于强制从服务器重新加载页面。接下来,本文将为您介绍window.location.reload()的一些常见用法。

1. 基本用法
window.location.reload();

调用该方法,将会重新加载当前页面。

2. 强制从服务器重新加载页面
window.location.reload(true);

添加true参数,将会强制从服务器重新加载页面,而非从缓存中加载。

3. 重新加载指定页面
window.location.reload("http://example.com");

将指定页面的URL作为参数传入,将会重新加载指定页面。

4. 刷新iframe
document.getElementById("myFrame").contentWindow.location.reload();

通过获取iframe元素的contentWindow属性,可刷新iframe中的页面。

5. 判断是否由于缓存导致的不刷新
window.location.reload(function(){
    if (performance.navigation.type == 1) {
      console.info( "This page is reloaded from the cache");
    } else {
      console.info( "This page is reloaded from the server");
    }
});

添加一个函数作为参数,可判断当前页面是否由于缓存导致的不刷新。

以上便是window.location.reload()的一些常见用法。希望本文能对您有所帮助。