页面加载后如何刷新浏览器

Question

我有一个场景是在页面第一次或一次加载后刷新浏览器。 因为加载页面时数据无法正确显示，而当我刷新浏览器时它会显示。我不知道原因。

非常感谢

Answer 1

那么您只想浏览器刷新一次？做这样的事情。

window.onload = function(){
    if(!document.location.hash){
        window.location = "#loaded";
    }
}

或 jquery

$(document).ready(function(){
    if(document.location.hash){
        window.location = "#loaded";
    }
});

但老实说这只是一个临时解决方案。尽管您试图通过快速修复来掩盖它。我保证它会回来困扰你。编写良好且结构化的代码将持续一生，并且始终可以在未来的项目中重用。

Answer 2

您总是必须使用一些 JavaScript。您想要的是刷新代码在页面完全加载时运行。您可以使用 HTML onload 事件，但这样做有问题（例如，它会在加载任何图像之前触发）。如果您想的话，我建议使用 JQuery 的 ready() 事件确保它在整个页面加载后触发。

示例：

// NOTE: This will only work with JQuery loaded.
$(document).ready(function(){
    location.reload(true);
});

使其仅在首页加载时触发有点棘手。您可以向 URL 添加锚点后缀，以跟踪是否刷新了页面，然后仅在 URL 中不存在时才刷新：

$(document).ready(function(){
    if(location.hash != "#")
    {
        // Set the URL to whatever it was plus "#".
        // (The page will NOT automatically reload.)
        location = "#";

        // Reload the page.
        location.reload(true);
    }
});

或者，您可以使用查询字符串，因为这会自动更改时刷新页面：

$(document).ready(function(){
    var marker = 'r'; // 'r' is for "refreshed"
    if(location.search != "?"+marker)
    {
        // Set the URL to whatever it was plus "?r".
        // (This will automatically force a page reload.)
        location = "?"+marker;
    }
});

警告：对于这些示例中的任何一个，如果您的用户在将“#”或“?r”标记添加到 URL 后为该页面添加书签，则该页面将不会当他们重新访问该页面时刷新。如果您希望它防弹，您可能必须使用 cookie。