javascript - window.location.reload 在各种设备和浏览器上随机运行
问题描述
我试着四处寻找这个问题的答案,并尝试了许多变化,window.location.reload
尽管无济于事。
我让用户做的是,他们按下一个按钮来创建一个日期,然后在确认页面后立即刷新页面,然后在主屏幕上显示新日期。
这适用于我在桌面上尝试过的任何浏览器(Chrome、Edge、Firefox、Opera),尽管在移动设备上,结果是相当随机的。
我试过这个;
- 华硕平板电脑(不适用于 Chrome 或内置浏览器)
- iPad 第 4 代(不适用于 Chrome 或 Safari)
- 三星 S6(适用于 Chrome)
- 三星 A3(不适用于 Chrome 或内置浏览器)
这是按钮的代码
<div class="row">
<div class="col col-xs-12 form-group ">
<button onClick="window.location.reload();" type="button" class="btn form-btns btn-primary" id="submit_btn" title="Submit Data" data-placement="bottom" >
<i onClick="window.location.reload();" id="submit_check_icon" class="fa fa-send "></i> Save
</button>
</div>
</div>
关于这种行为的原因可能是什么的任何想法?
如果我遗漏了任何重要信息,请告诉我,我会修改我的问题。
解决方案
window.location.reload
适用于所有浏览器,并且没有已知问题。问题可能是您的浏览器正在显示缓存数据。
window.location.reload
接受一个参数forcedReload
是一个布尔标志,当它为真时,会导致页面总是从服务器重新加载。如果为 false 或未指定,浏览器可能会从其缓存中重新加载页面。
如果不是这种情况,那么您可以通过另一种方式强制刷新,例如
history.go(0);
或者location.href = location.href;
推荐阅读
- php - WordPress重定向用户权限不足
- python - 如何将 python dict 转换为 pandas 数据框
- git - 存储库中的 GitHub 安全问题
- drag-and-drop - Meziantou Drag n Drop Blazor:CS1061“InputFile”不包含“Element”的定义
- c - 为什么我的代码不适用于我的 VS 代码和代码块?
- android - 元素在约束布局中出现在屏幕左侧
- python - QTableWidget连接多个表中的行选择
- python - 如何更快地更新window win32gui?
- html - 盒子阴影在页面结束前停止
- reactjs - Next.js 与 FC 孩子的链接必须通过 ref