我正在尝试根据用户点击的按钮调用不同的外部js文件。这些文件都位于不同的文件夹中。


我正在构建的系统上的每个用户都有一个文件夹,每个用户都包含一个名为chat.js的文件。


我试图允许用户点击用户名以加载他们的特定文件。


你可以看下面我用过“onclick” - 我知道这是错的,但当我使用点击事件时,我不断收到错误:


 无法读取属性'addEventListener'为null



 在控制台中,即使我的ID在HTML和JavaScript中相同。

 
更改为onclick已修复该错误,但它现在给出了错误:


 GET http:// localhost:8888 / confirm / dave / chat.js。



 “dave”是与用户名相关的文件夹的名称。
& #xA;
您可以在下面看到我的代码:



/ * link.js * /
&# xA;函数runScript1(){
 var script = document.createElement(“script”);
 script.type =“text / javascript”;
 script.src = user1 +“/ chat.js.";
document.getElementsByTagName( “头”)[0] .appendChild(脚本);&#的xD;
 return false;
}

 function runScript2(){
 var script = document.createElement(“script”);
 script.type =“text / javascript”;
 script.src = user2 +“/ chat.js.";
document.getElementsByTagName( “头”)[0] .appendChild(脚本);&#的xD;
返回false;
}

 &lt ;脚本>&#的xD;
 var user1 =“<?php echo $ user1;?>”;
 var user2 =“<?php echo $ user2;?>”;
< / script>
< script src =“link.js”> < / script>
<! - 用户1 - >

< button type =“button”class = “btn btn-info btn-lg”data-toggle =“modal”data-target =“#myModal2”id =“chatBtnMain”onclick =“runScript1()”>
聊天和#xD;
 < span class ='nickname'>
 <?php echo $ user1;?>
 < / span>
< / button>

<! - 用户2 - >
& #xA;< button type =“button”class =“btn btn-info btn-lg”data-toggle =“modal”data-target =“#myModal3”id =“chatBtnMain”onclick =“runScript2()”&gt ;&#的xD;
聊天和#xD;
 < span class ='nickname'>
 <?php echo $ user2;?>
 < /跨度>&#的xD;
< /按钮> 代码>
&#的xD;
 任何人都可以看到为什么我会收到错误“GET”?
文件夹和文件肯定存在,他们'与js文件和php文件在同一目录中