替换并加载按钮上的另一个JavaScript文件单击

Question

 <div id="summary"><div id="container"></div> <div id="blocker"></div> <script type ="text/javascript" src="user.js"></script> </div> <button type="button">Personal</button> <a href="#" onclick="f1(1);"<button type="button">Apps</button></a> <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>