javascript - 更改 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 可能是最佳选择。执行此客户端操作的缺点是您必须稍后绑定(bind)脚本标记。我会尝试:

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