使用 F5 重新加载 Web 时，jQuery 进度条不起作用，我的 Web 也没有显示任何内容

Question

我试图在我的web顶部添加一个带有jQuery的web加载栏，当我第一次打开这个web时，它就可以工作了。但当我按F5重新加载网页时，进度条将不起作用，我的网页也没有显示任何内容(只显示白色背景网页(。这是我的代码：

document.onreadystatechange = function (e) {
if (document.readyState == "interactive") {
var all = document.getElementsByTagName("*");
for (var i = 0, max = all.length; i < max; i++) {
set_ele(all[i]);
}
}
}
function check_element(ele) {
var all = document.getElementsByTagName("*");
var totalele = all.length;
var per_inc = 100 / all.length;
if ($(ele).on()) {
var prog_width = per_inc + Number(document.getElementById("progress_width").value);
document.getElementById("progress_width").value = prog_width;
$("#bar1").animate({ width: prog_width + "%" }, 10, function () {
if (document.getElementById("bar1").style.width == "100%") {
$(".progress").fadeOut("slow");
}
});
}
else {
set_ele(ele);
}
}
function set_ele(set_element) {
check_element(set_element);
}

当我编辑文件时，我注意到了这个问题，我想检查我的网站并重新加载页面。我知道有一种使用Ctrl+F5的方法，但它有点麻烦。我只想使用F5可以成功地重新加载我的网站。

谢谢任何人回复我。

Answer 1

在浏览器中，您也可以使用

CTRL+Shift+R？+Shift+

R也许它能解决你的问题；(