Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript重新加载页面_Javascript_Reload - Fatal编程技术网

如何使用JavaScript重新加载页面

如何使用JavaScript重新加载页面,javascript,reload,Javascript,Reload,如何使用JavaScript重新加载页面 我需要一个在所有浏览器中都能工作的方法 location.reload(); 有关更多信息,请参见此 如果在单击onclick后刷新,则需要在单击后直接返回false location.reload(); return false; JavaScript 1.2 window.location.reload(false); // If we needed to pull the document from // the web-server ag

如何使用JavaScript重新加载页面

我需要一个在所有浏览器中都能工作的方法

location.reload();
有关更多信息,请参见此

如果在单击
onclick
后刷新,则需要在单击后直接返回false

location.reload();
return false;
JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.
JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry
enter code here
JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry
如果你把

window.location.reload(true);
在页面开始时,如果没有其他条件限定代码运行的原因,页面将加载,然后继续重新加载,直到您关闭浏览器。

您可以使用
window.location.reload()执行此任务。有很多方法可以做到这一点,但我认为用JavaScript重新加载同一文档是合适的方法。这是解释

JavaScript
窗口。可以使用位置
对象

  • 获取当前页面地址(URL)的步骤
  • 将浏览器重定向到其他页面的步骤
  • 重新加载同一页
窗口
:在JavaScript中,表示浏览器中打开的窗口

位置
:在JavaScript中保存有关当前URL的信息

location
对象类似于
window
对象的一个片段,通过
window.location
属性调用

位置
对象有三种方法:

  • assign()
    :用于加载新文档
  • reload()
    :用于重新加载当前文档
  • replace()
    :用于将当前文档替换为新文档
  • 所以这里我们需要使用
    reload()
    ,因为它可以帮助我们重新加载相同的文档

    所以像
    window.location.reload()那样使用它

    要让浏览器直接从服务器而不是缓存检索页面,可以将
    true
    参数传递到
    location.reload()
    。此方法与所有主要浏览器兼容,包括IE、Chrome、Firefox、Safari、Opera。

    您只需使用

    window.location=document.URL
    
    其中document.URL获取当前页面URL,window.location将重新加载它。

    尝试:

    window.location.reload(true);
    
    设置为“true”的参数将从服务器重新加载新副本。省略它将从缓存中为页面提供服务

    更多信息可在和中找到。

    这对我很有用:

    function refresh() {    
        setTimeout(function () {
            location.reload()
        }, 100);
    }
    

    使用按钮或将其放在“a”(锚定)标签内:


    谢谢,这篇文章非常有用,不仅可以用建议的答案重新加载页面,还可以让我想到在按钮上放置一个jQuery UI图标:

    <button style="display:block; vertical-align:middle; height:2.82em;"
            title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
            class="ui-state-active ui-corner-all ui-priority-primary" 
            onclick="javascript:window.location.reload(true);">
        <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
        &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
    </button>
    
    
    [CARGAR NUEVAMENTE]
    

    2016-07-02 以下是最简单的方法,即
    location=location

    这些是前50个:

    location = location
    location = location.href
    location = window.location
    location = self.location
    location = window.location.href
    location = self.location.href
    location = location['href']
    location = window['location']
    location = window['location'].href
    location = window['location']['href']
    location = window.location['href']
    location = self['location']
    location = self['location'].href
    location = self['location']['href']
    location = self.location['href']
    location.assign(location)
    location.replace(location)
    window.location.assign(location)
    window.location.replace(location)
    self.location.assign(location)
    self.location.replace(location)
    location['assign'](location)
    location['replace'](location)
    window.location['assign'](location)
    window.location['replace'](location)
    window['location'].assign(location)
    window['location'].replace(location)
    window['location']['assign'](location)
    window['location']['replace'](location)
    self.location['assign'](location)
    self.location['replace'](location)
    self['location'].assign(location)
    self['location'].replace(location)
    self['location']['assign'](location)
    self['location']['replace'](location)
    location.href = location
    location.href = location.href
    location.href = window.location
    location.href = self.location
    location.href = window.location.href
    location.href = self.location.href
    location.href = location['href']
    location.href = window['location']
    location.href = window['location'].href
    location.href = window['location']['href']
    location.href = window.location['href']
    location.href = self['location']
    location.href = self['location'].href
    location.href = self['location']['href']
    location.href = self.location['href']
    ...
    

    20秒后自动重新加载页面

    <script>
        window.onload = function() {
            setTimeout(function () {
                location.reload()
            }, 20000);
         };
    </script>
    
    
    window.onload=函数(){
    setTimeout(函数(){
    location.reload()
    }, 20000);
    };
    
    要使操作简单易行,请使用
    location.reload()

    如果您想从服务器上获取一些内容,也可以使用
    location.reload(true)

    我正在寻找一些关于在提交
    method=“POST”
    表单后重新加载使用POST请求检索的页面的信息

    要重新加载页面并保留POST数据,请使用:

    window.location.reload();
    
    要重新加载页面放弃POST数据(执行GET请求),使用:


    window.location.href=window.location.href;
    
    希望这能帮助其他人寻找相同的信息。

    这应该可以:

    window.location.href = window.location.href.split( '#' )[0];
    

    我更喜欢这样做,原因如下:

    • 删除#之后的部分,确保页面在浏览器上重新加载,而不会重新加载包含它的内容
    • 如果您最近提交表单,它不会询问您是否要重新发布最后的内容
    • 即使在最新的浏览器上也应该可以使用。在Firefox和Chrome上测试
    或者,您可以使用此任务的最新官方方法

    window.location.reload()
    

    使用此按钮刷新页面


    要使用JavaScript重新加载页面,请使用:

    window.location.reload();
    
    最短()
    或者直到你打开另一个URL。这可能取决于浏览器处理连续页面(重新)加载的能力。这取决于您所说的正确位置。我们在这里仅仅指的是,锚定标记可能不是执行诸如重新加载页面之类的操作的直观元素。建议:我们依赖另一个UI对象作为目标来执行onclick事件。在加载页面后,您可以通过以div为目标在jQuery中执行此操作,例如,如果您使用css装饰页面。。这取决于你想用它做什么。在这种情况下,按钮是一个按钮,而不是一个输入类型按钮。如果我们不打算将参数传递给后端应用程序,它似乎更合适。例如:
    location.reload()
    window.location.reload()
    ?@ShivanRaptor在web浏览器上下文中通常没有,
    location
    window相同。location
    as
    window
    是全局对象。我更喜欢使用
    window.location.reload()的可读性,因为
    位置
    可能是一个局部变量,而您通常会避免使用名为
    窗口
    @Rimian-IMHO的变量,
    返回false在处理程序中不是绝对必要的:重新加载<代码>不会取代任何进一步的处理吗?为什么以后需要返回false?现代浏览器会忽略这一点,因为href没有更改,所以不需要重新加载它。您应该仅将其用作旧浏览器的故障切换,而不重新加载:(location.reload?location.reload():location.href=location.href)@RadekPech哪些旧浏览器没有
    location.reload()
    ?现代浏览器忽略此项,因为href没有更改,因此无需重新加载它。你
    window.location.href = window.location.href.split( '#' )[0];
    
    var x = window.location.href;
    x = x.split( '#' );
    window.location.href = x[0];
    
    window.location.reload()
    
    <input type="button" value="Reload Page" onClick="document.location.reload(true)">
    
    window.location.reload();
    
    history.go()