2017-08-01 11 views
0

更换和负载按钮另一个JavaScript文件单击


 

 
<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>'); 
} 
+0

这并没有帮助? - > https://stackoverflow.com/questions/14521108/dynamically-load-js-inside-js – MJoraid

+0

为什么?从后端加载数据可能是一个很好的用例ajax –

+0

我可以做到这一点,但我加载的文件是一个three.js文件,现在,我只想用另一个three.js文件替换它 –

回答

0

试试这个:

<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> 
相关问题