更換和負載按鈕另一個JavaScript文件單擊

Question

 

 
<div id="summary"><div id="container"></div> 
 
\t \t <div id="blocker"></div> 
 
\t \t \t \t <script type ="text/javascript" src="user.js"></script> 
 
</div> 
 
\t \t 
 
<button type="button">Personal</button> 
 
\t \t \t \t \t <a href="#" onclick="f1(1);"<button type="button">Apps</button></a> 
 
\t \t \t \t \t <button type="button" >Settings</button>

我有我在哪裏加載user.js的文件，這個HTML文件。但我想要做的是取代該user.js文件，並加載apps.js文件，每當應用程序按鈕被點擊，並加載user.js文件時點擊個人按鈕，但出於某種原因，我無法做到這一點。這是我該寫的代碼：

function f1(id) 
{ 
    $('#summary').html(' <script type ="text/javascript" src="apps.js"> 
    </script>'); 
} 

Answer 1

試試這個：

<div id="summary"> 
<script src="user.js"></script> 
</div> 
<button type="button" onclick="app(1);"> 
Personal 
</button> 
<a href="#" onclick="app();"> 
Apps 
</a> 
<button type="button" > 
Settings 
</button> 
<script>       
function app(number) 
{ 
    if (number == null) { 
     $('#summary').html("<script src='app.js' />") 
    } 
    if (number != null) { 
     $('#summary').html("<script src='user.js' />") 
    } 
} 
</script>