是否可以通過單擊來刷新/重新加載腳本標記？

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" 

等，強制瀏覽器在每次單擊按鈕時重新加載腳本。