如何使用JavaScript刷新页面？

当前回答

如果您正在使用jQuery并希望刷新，请尝试在javascript函数中添加jQuery：

我想在单击oh an h3时从页面中隐藏iframe，对我来说这是有效的，但我无法单击允许我查看iframe的项目，除非我手动刷新浏览器。。。不理想。

我尝试了以下方法：

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

将简单的Jane javascript与jQuery混合使用应该会奏效。

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = `Fe1FVoW0Nt4`;
        $("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);

2018-07-25 07:39:15

其他回答

$(document).on("click", "#refresh_btn", function(event) 
{
     window.location.replace(window.location.href);
});

2020-03-05 08:11:28

使用JavaScript刷新页面有多种无限方式：

location.reload（）历史记录.go（0）location.href=位置.hreflocation.href=位置.pathnamelocation.replace（location.pathname）location.reload（false）如果我们需要从再次打开web服务器（例如文档内容动态更改），我们会将参数传递为true。

您可以继续列表中的创意：

window.location=窗口位置window.self.window.self.window.window.location=窗口位置…和其他534种方式

var方法=[“location.reload（）”，“history.go（0）”，“location.href=位置.href”，“location.href=位置.路径名”，“location.replace（location.pathname）”，“location.reload（false）”];var$body=$（“body”）；for（var i=0；i<methods.length；++i）{（函数（cMethod）{$body.append（$（“＜button＞”{text:c方法}).on（“单击”，函数（）{eval（cMethod）；//不要怪我使用eval}));})（方法[i]）；}按钮{背景：#2ecc71；边框：0；颜色：白色；字号：粗体；字体系列：“Monaco”，monospace；填充：10px；边界半径：4px；光标：指针；过渡：背景色0.5s轻松；边距：2px；}按钮：悬停{背景：#27ae60；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script>

2013-06-23 09:47:34

这适用于所有浏览器：

location.reload();

2011-03-23 11:57:48

下面是一个使用jQuery异步重新加载页面的解决方案。它避免了window.location=window.location引起的闪烁。这个示例显示了一个连续重新加载的页面，就像在仪表板中一样。它经过战斗测试，正在时代广场的信息显示电视上运行。

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

笔记：

直接像$.get（“”，function（data）｛$（document.body）.html（data）｝）那样使用$.ajax会导致css/js文件被缓存破坏，即使您使用cache:true，这就是我们使用parseHTML的原因parseHTML不会找到一个body标签，所以你的整个身体都需要放在一个额外的div中，我希望这些知识有一天能帮助你，你可以猜到我们是如何为那个div选择id的使用http equiv=“refresh”，以防javascript/服务器打嗝出现问题，然后页面仍然会重新加载，而不会接到电话这种方法可能会以某种方式泄漏内存，http equiv刷新修复了

2016-05-17 22:30:47

具有不同缓存相关行为的三种方法：

location.reload（true）在实现location.reload（）的forcedReload参数的浏览器中，通过获取页面及其所有资源（脚本、样式表、图像等）的新副本来重新加载。不会从缓存中提供任何资源-从服务器获取新副本，而无需发送任何副本（如果修改后或没有与请求中的标头匹配）。相当于用户在可能的情况下在浏览器中进行“硬重新加载”。请注意，Firefox（请参阅MDN）和Internet Explorer（请参阅MSDN）支持将true传递到location.reload（），但不受普遍支持，也不是W3 HTML 5规范、W3 HTML 5.1草案规范和WHATWG HTML生活标准的一部分。在不支持的浏览器中，如Google Chrome，location.reload（true）的行为与location.reload（）相同。location.reload（）或location.reload（false）重新加载页面，获取页面HTML本身的新的、未缓存的副本，并对浏览器缓存的任何资源（如脚本）执行RFC 7234重新验证请求，即使它们是新的。RFC 7234允许浏览器在不重新验证的情况下为它们提供服务。据我所知，在执行location.reload（）调用时，浏览器应该如何使用其缓存并没有具体说明或记录；我通过实验确定了上述行为。这相当于用户只需按下浏览器中的“刷新”按钮。location=位置（或无限多其他可能涉及指定位置或其财产的技术）仅当页面的URL不包含fragid/hashbang时才有效！重新加载页面，而无需重新蚀刻或重新验证缓存中的任何新资源。如果页面的HTML本身是新的，这将重新加载页面，而不执行任何HTTP请求。这相当于（从缓存角度）用户在新选项卡中打开页面。但是，如果页面的URL包含哈希，则这将无效。同样，据我所知，这里的缓存行为没有具体说明；我通过测试确定了这一点。

总之，您希望使用：

location=缓存的最大使用位置，只要页面的URL中没有哈希，在这种情况下，这将不起作用location.reload（true）在不重新验证的情况下获取所有资源的新副本（尽管它不受普遍支持，并且在某些浏览器（如Chrome）中的行为与location.reloadlocation.reload（）忠实地再现用户单击“刷新”按钮的效果。

2015-11-14 11:22:25

如何使用JavaScript刷新页面？

推荐文章

最新文章

标签