是否可以通过单击刷新/重新加载脚本标签？

Question

这是我的代码。我想通过单击刷新/重新加载脚本标签和 div 内容。

<div id="mydiv"></div>
<a id="refresh">click</a>

<script id="mydiv">
$("#mydiv").css( //some_css )
</script>

<script>
$(function() {
  $("#refresh").click(function() {
     $("#mydiv").load("location.href + " .mydiv")
  })
})
</script>

Answer 1

您可以通过在 URL 后添加随机变量来强制脚本重新加载。

$("button").click( function(){
  var src = $(".reloadMe").attr('src');

  // Reload the script
  $(".reloadMe").attr('src', src.split('?')[0] + "?" + Math.floor(Math.random()* 10000000));
  
  // Reload the div
  $("#mydiv").load(location.href + " .mydiv")
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script class="reloadMe" src="js/myScript.js"></script>
<button>Reload script</button>

这将产生：

src="js/myScript.js?61416981"

然后

src="js/myScript.js?66541657"

然后

src="js/myScript.js?14882875"

等等，强制浏览器在每次单击按钮时重新加载脚本。