为什么我的jquery嵌入到我的html中？

我正在使用jquery进行一些ajax调用。我在Chrome中工作，当我包含javascript文件时，如下所示：

<script src="js/collectInfo.js" type="text/javascript"></script>

这就是我的元素选项卡在chrome中的最终外观：

<script src="js/default.js." type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
var validate=new Array();$(function(){});function textFocus(sup){if($(sup).is('.pale'))    {$(sup).removeClass('pale');$(sup).val('');$(sup).attr('onclick','');}
else{}}
function validateReque...

//
正如您所看到的，我的一些js文件显示正确，也就是说，它们只显示脚本标记，而其余的则混乱不堪。
这是显而易见的，ajax填充了您的页面并操纵了您的DOM，而这正是elements选项卡在Chrome中显示的内容。您可以看到您的DOM，它不像页面的查看源代码
 脚本标记将出现在“元素选项卡”中，因为它们位于DOM中。
<script src="js/default.js." type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
var validate=new Array();$(function(){});function textFocus(sup){if($(sup).is('.pale'))    {$(sup).removeClass('pale');$(sup).val('');$(sup).attr('onclick','');}
else{}}
function validateReque...