在 window.reload() 上更改版本号

Question

如果我的代码中有以下<script> 标签：

<script src='http://your.site.com/js/big_script.js?version=1'></script>

如何让这个版本号随着该页面上的每个后续window.reload() 操作自动更新？

Page refreshes...

<script src='http://your.site.com/js/big_script.js?version=2'></script>

Page refreshes...

<script src='http://your.site.com/js/big_script.js?version=3'></script>

等等...仅通过使用 JavaScript？

我知道localStorage 在这里会派上用场，但在<script> 标签本身内实现它？有没有办法做到这一点，或者有其他方法可以做到吗？

在这种情况下，我只关注基于 JavaScript 的解决方案，因为该应用程序是纯 HTML5/JavaScript/CSS3。

提前致谢！

Answer 1

正如您所指出的，localStorage 可能是要走的路。做这个客户端的缺点是你必须后期绑定你的脚本标签。我会尝试：

var my_site_cntr = parseInt(localStorage.getItem('mySite.counter')||0);
my_site_cntr++;
localStorage.setItem('mySite.counter', my_site_cntr);
var scrptElem = document.createElement("script");
    scrptElem.type = "text/javascript";
    scrptElem.src = "http://your.site.com/js/big_script.js?version=" + my_site_cntr;
    scrptElem.innerHTML = null;
document.body.appendChild(scrptElem);

来源：

• dynamically change script src client-side
• Adding div element to body or document in javascript