求高手出招：找不到js中定义的方法

Question

现象：部署在unix服务器的web项目，其中一个jsp中引用了一个js文件中的方法，页面总是提示该方法“未定义”。
本人做的测试：
1、查看源文件，按照页面给出的url可以找到那个js文件，引用的方法也有。
2、怀疑是js文件乱码了，导致无法访问。但是从服务器上下载下来的js文件，是utf-8编码的，打开文件查看也没有乱码，但是url访问js文件时确有乱码显示。
3、删除了js文件中的所有注释内容，包括中文的和英文的，保证js文件中无中文内容。测试无效。
4、在js文件的最开始部分定义了一个简单的方法，可以被执行。请高手指教。谢谢！

Answer 1

我把js内容发给大家看看吧~ 就是说dTree这个方法未定义（内容太长，分成两个哈）
------------------------------------------------------------------------------
function Node(id, pid, name,rightarea, iconOpen, open, url, title, target, icon) {
this.id = id;
this.pid = pid;
this.name = name;
this.url = url;
this.title = title;
this.target = target;
this.icon = icon;
this.iconOpen = iconOpen;
this._io = open || false;
this._is = false;
this._ls = false;
this._hc = false;
this._ai = 0;
this._p;
this.rightarea = rightarea;
};function dTree(objName,mydirectory,lefttreewidth) {
this.config = {
target : null,
folderLinks : true,
useSelection : true,
useCookies : false,
useLines : true,
useIcons : false,
useStatusText : false,
closeSameLevel : false,
inOrder : false
}
this.icon = {
root : mydirectory+'img/base.gif',
folder : mydirectory+'img/folder.gif',
folderOpen : mydirectory+'img/folderopen.gif',
node : mydirectory+'img/page.gif',
empty : mydirectory+'img/empty.gif',
line : mydirectory+'img/line.gif',
join : mydirectory+'img/join.gif',
joinBottom : mydirectory+'img/joinbottom.gif',
plus : mydirectory+'img/plus.gif',
plusBottom : mydirectory+'img/plusbottom.gif',
minus : mydirectory+'img/minus.gif',
minusBottom : mydirectory+'img/minusbottom.gif',
nlPlus : mydirectory+'img/nolines_plus.gif',
nlMinus : mydirectory+'img/nolines_minus.gif',
expandall : mydirectory+'img/new_expandall.gif',
collapseall : mydirectory+'img/new_collapseall.gif'
};
this.obj = objName;
this.mydir = mydirectory;
this.lefttreewidth = lefttreewidth;
this.aNodes = [];
this.aIndent = [];
this.root = new Node(-1);
this.selectedNode = null;
this.selectedFound = false;
this.completed = false;
};dTree.prototype.add = function(id, pid, name,rightarea, iconOpen, open, url, title, target, icon) {
this.aNodes[this.aNodes.length] = new Node(id, pid, name,rightarea, iconOpen, open, url, title, target, icon);
};dTree.prototype.openAll = function() {
this.oAll(true);
};
dTree.prototype.closeAll = function() {
this.oAll(false);
};dTree.prototype.toString = function() {
var str = '<div id="[divAllTree]" class="dtree">\n';
if (document.getElementById) {
if (this.config.useCookies) this.selectedNode = this.getSelected();
str += this.addNode(this.root);
} else str += 'Browser not supported.';
str += '</div>';
if (!this.selectedFound) this.selectedNode = null;
this.completed = true;
return str;
};dTree.prototype.addNode = function(pNode) {
var str = '';
var n=0;
if (this.config.inOrder) n = pNode._ai;
for (n; n<this.aNodes.length; n++) {
if (this.aNodes[n].pid == pNode.id) {
var cn = this.aNodes[n];
cn._p = pNode;
cn._ai = n;
this.setCS(cn);
if (!cn.target && this.config.target) cn.target = this.config.target;
if (cn._hc && !cn._io && this.config.useCookies) cn._io = this.isOpen(cn.id);
if (!this.config.folderLinks && cn._hc) cn.url = null;
if (this.config.useSelection && cn.id == this.selectedNode && !this.selectedFound) {
cn._is = true;
this.selectedNode = n;
this.selectedFound = true;
}
str += this.node(cn, n);
if (cn._ls) break;
}
}
return str;
};dTree.prototype.node = function(node, nodeId) {
var seqstr = "";
var lev2_divbgcolor = "";
var column1_tdbgcolor = "background-color:#F3F5F8;";
if (typeof(node.id)=="string"){
if (node.id=="purefunction" || node.id=="dataresource"){
lev2_divbgcolor = "background-color:#FAEBD7;";
column1_tdbgcolor = lev2_divbgcolor;
}else{
seqstr = node.id.substr(0,node.id.lastIndexOf("][")+1);
}
}

var strDivStyle ='';
if (nodeId == 0){
strDivStyle = 'background-color:#DFE4EB;border-width:1px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-top-style:solid;';
}else{
strDivStyle = 'border-width:1px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;';
}
strDivStyle +=lev2_divbgcolor;
var str = '<div id="[rowDiv]'+seqstr+'" bordercolordark="#FFFFFF" bordercolorlight="#999999" style = "'+strDivStyle+'">';

var lineBackground = "";

if (nodeId == 0){
str += '<table id="[rowTable]'+seqstr+'"  bordercolordark="#FFFFFF" bordercolorlight="#999999"><tr><td style="vertical-align:top;border-color:gray;border-right-style:solid;border-width:1px; '+lineBackground+' ">';
str += '<table style="table-layout:fixed;"><tr><td width="'+this.lefttreewidth+'px" >';
str += '<table><tr>';
str += '<td width="100%" title="'+node.name+'">'+node.name+'</td>';
str += '<td width = "38px" align="right"><img title="Expand All" src="'+this.icon.expandall+'"/ onclick="'+this.obj+'.openAll();"><img title="Collapse All" src="'+this.icon.collapseall+'"/ onclick="'+this.obj+'.closeAll();"></td>';
str += '</tr></table>';
str += '';
str += '</td></tr></table></td>';
}else{
str += '<table id="[rowTable]'+seqstr+'"  bordercolordark="#FFFFFF" bordercolorlight="#999999"><tr height="100%"><td style="vertical-align:top;border-color:gray;border-right-style:solid;border-width:1px; '+lineBackground+column1_tdbgcolor+' ">';
str += '<table style="table-layout:fixed;height:100%;"><tr valign="top"><td title="'+node.name+'"  width="'+this.lefttreewidth+'px" >';
str += '<table style="table-layout:fixed;height:100%;overflow:hidden;width:'+this.lefttreewidth+'px;"><tr valign="top">';

var indentstr = this.indent(node, nodeId);
var re = /<td(.*?)>(.*?)<\/td>/g; 
var tdarray = indentstr.match(re);
var tdcount = 0;
if (tdarray) tdcount = tdarray.length;

str += indentstr; if (node.iconOpen){
tdcount ++;
lineBackground = "";
if (node._hc && node._io){
lineBackground = " background:url("+this.icon.line+") 0px repeat-y; ";
}
str += '<td id="tdOwnIcon' + this.obj + nodeId + '" style="width:18px;'+lineBackground+'"><img id="i' + this.obj + nodeId + '" src="' + node.iconOpen + '" alt="" /></td>';
}

if (this.config.useIcons) {
alert('dksjfkldjfkl');
if (!node.icon) node.icon = (this.root.id == node.pid) ? this.icon.root : ((node._hc) ? this.icon.folder : this.icon.node);
if (!node.iconOpen) node.iconOpen = (node._hc) ? this.icon.folderOpen : this.icon.node;
if (this.root.id == node.pid) {
node.icon = this.icon.root;
node.iconOpen = this.icon.root;
}
tdcount++;
str += '<td style="width:18px;"><img id="i' + this.obj + nodeId + '" src="' + ((node._io) ? node.iconOpen : node.icon) + '" alt="" /></td>';
}

str += '<td style="text-overflow:ellipsis;">';
str += '<div nowrap style="width:'+(this.lefttreewidth - tdcount*18)+'px;overflow:hidden;text-overflow:ellipsis;">';
if (node.url) {
str += '<a id="s' + this.obj + nodeId + '" class="' + ((this.config.useSelection) ? ((node._is ? 'nodeSel' : 'node')) : 'node') + '" href="' + node.url + '"';
if (node.title) str += ' title="' + node.title + '"';
if (node.target) str += ' target="' + node.target + '"';
if (this.config.useStatusText) str += ' onmouseover="window.status=\'' + node.name + '\';return true;" onmouseout="window.status=\'\';return true;" ';
if (this.config.useSelection && ((node._hc && this.config.folderLinks) || !node._hc))
str += ' onclick="javascript: ' + this.obj + '.s(' + nodeId + ');"';
str += '>';
}
else if ((!this.config.folderLinks || !node.url) && node._hc && node.pid != this.root.id)
str += '<a href="javascript: ' + this.obj + '.o(' + nodeId + ');" class="node">';
str += node.name;
if (node.url || ((!this.config.folderLinks || !node.url) && node._hc)) str += '</a>';
str+="</div>";
str+="</td>";

str+="</tr></table>";
str += '</td></tr></table></td>';
}

str += '<td><div>';
if (node.rightarea)
str += node.rightarea;
str += '</div></td></tr></table>';


str += '</div>';
if (node._hc) {
str += '<div id="d' + this.obj + nodeId + '" class="clip" style="display:' + ((this.root.id == node.pid || node._io) ? 'block' : 'none') + ';">';
str += this.addNode(node);
str += '</div>';
}
this.aIndent.pop();
return str;
};

Answer 2

dTree.prototype.indent = function(node, nodeId) { var str = '';
if (this.root.id != node.pid) {
for (var n=0; n<this.aIndent.length; n++){
var lineBackground = "";
if ((this.aIndent[n] == 1 && this.config.useLines))
lineBackground = " background:url("+this.icon.line+") 0px repeat-y; ";
str += '<td style="width:18px;'+lineBackground+'"></td>';
}
(node._ls) ? this.aIndent.push(0) : this.aIndent.push(1);
if (node._hc) {
if (!this.config.useLines) 
imgstr = (node._io) ? this.icon.nlMinus : this.icon.nlPlus;
else {
var lineBackground = "";
var imgstr = "";
if (node._io){  
if (node._ls && this.config.useLines){
imgstr = this.icon.minusBottom ;
}else{
lineBackground = " background:url("+this.icon.line+") 0px repeat-y; ";
imgstr = this.icon.minus;
}
}else{
if (node._ls && this.config.useLines) {
imgstr = this.icon.plusBottom ;
}else{
lineBackground = " background:url("+this.icon.line+") 0px repeat-y; ";
imgstr = this.icon.plus ;
}
}
}
str += '<td id="td' + this.obj + nodeId + '" style="width:18px;'+lineBackground+'"><a href="javascript: ' + this.obj + '.o(' + nodeId + ');"><img id="j' + this.obj + nodeId + '" src="';
str += imgstr;
str += '" alt="" /></a></td>';
} else {
var lineBackground = "";
var imgstr = "";
if (this.config.useLines){
if (node._ls){
imgstr = this.icon.joinBottom ;
}else{
imgstr = this.icon.join ;
lineBackground = " background:url("+this.icon.line+") 0px repeat-y; ";
}
}else{
imgstr = this.icon.empty;
}
str += '<td style="width:18px;'+lineBackground+'"><img src="';
str += imgstr;
str += '" alt="" /></td>';
}
}
return str;
};dTree.prototype.setCS = function(node) {
var lastId;
for (var n=0; n<this.aNodes.length; n++) {
if (this.aNodes[n].pid == node.id) node._hc = true;
if (this.aNodes[n].pid == node.pid) lastId = this.aNodes[n].id;
}
if (lastId==node.id) node._ls = true;
};dTree.prototype.getSelected = function() {
var sn = this.getCookie('cs' + this.obj);
return (sn) ? sn : null;
};dTree.prototype.s = function(id) {
if (!this.config.useSelection) return;
var cn = this.aNodes[id];
if (cn._hc && !this.config.folderLinks) return;
if (this.selectedNode != id) {
if (this.selectedNode || this.selectedNode==0) {
eOld = document.getElementById("s" + this.obj + this.selectedNode);
eOld.className = "node";
}
eNew = document.getElementById("s" + this.obj + id);
eNew.className = "nodeSel";
this.selectedNode = id;
if (this.config.useCookies) this.setCookie('cs' + this.obj, cn.id);
}
};dTree.prototype.o = function(id) {
var cn = this.aNodes[id];
this.nodeStatus(!cn._io, id, cn._ls);
cn._io = !cn._io;
if (this.config.closeSameLevel) this.closeLevel(cn);
if (this.config.useCookies) this.updateCookie();
};dTree.prototype.oAll = function(status) {
for (var n=0; n<this.aNodes.length; n++) {
if (this.aNodes[n]._hc && this.aNodes[n].pid != this.root.id) {
this.nodeStatus(status, n, this.aNodes[n]._ls);
this.aNodes[n]._io = status;
}
}
if (this.config.useCookies) this.updateCookie();
};dTree.prototype.openTo = function(nId, bSelect, bFirst) {
if (!bFirst) {
for (var n=0; n<this.aNodes.length; n++) {
if (this.aNodes[n].id == nId) {
nId=n;
break;
}
}
}
var cn=this.aNodes[nId];
if (cn.pid==this.root.id || !cn._p) return;
cn._io = true;
cn._is = bSelect;
if (this.completed && cn._hc) this.nodeStatus(true, cn._ai, cn._ls);
if (this.completed && bSelect) this.s(cn._ai);
else if (bSelect) this._sn=cn._ai;
this.openTo(cn._p._ai, false, true);
};dTree.prototype.closeLevel = function(node) {
for (var n=0; n<this.aNodes.length; n++) {
if (this.aNodes[n].pid == node.pid && this.aNodes[n].id != node.id && this.aNodes[n]._hc) {
this.nodeStatus(false, n, this.aNodes[n]._ls);
this.aNodes[n]._io = false;
this.closeAllChildren(this.aNodes[n]);
}
}
}dTree.prototype.closeAllChildren = function(node) {
for (var n=0; n<this.aNodes.length; n++) {
if (this.aNodes[n].pid == node.id && this.aNodes[n]._hc) {
if (this.aNodes[n]._io) this.nodeStatus(false, n, this.aNodes[n]._ls);
this.aNodes[n]._io = false;
this.closeAllChildren(this.aNodes[n]);
}
}
}dTree.prototype.nodeStatus = function(status, id, bottom) {
eDiv = document.getElementById('d' + this.obj + id);
eJoin = document.getElementById('j' + this.obj + id);
tdJoin = document.getElementById('td' + this.obj + id);
tdOwnIconJoin = document.getElementById('tdOwnIcon' + this.obj + id);

if (this.config.useIcons) {
eIcon = document.getElementById('i' + this.obj + id);
eIcon.src = (status) ? this.aNodes[id].iconOpen : this.aNodes[id].icon;
}

var eJoinsrc = "";
if (this.config.useLines){
if (status){
if (bottom){
eJoinsrc = this.icon.minusBottom;
if (tdJoin) tdJoin.style.backgroundImage = "url()";
if (tdOwnIconJoin) tdOwnIconJoin.style.backgroundImage = "url("+this.icon.line+")";
}else{
eJoinsrc = this.icon.minus;
if (tdJoin) tdJoin.style.backgroundImage = "url("+this.icon.line+")";
if (tdOwnIconJoin) tdOwnIconJoin.style.backgroundImage = "url("+this.icon.line+")";
}
}else{
if (bottom){
eJoinsrc = this.icon.plusBottom;
if (tdJoin) tdJoin.style.backgroundImage = "url()";
if (tdOwnIconJoin) tdOwnIconJoin.style.backgroundImage = "url()";
}else{
eJoinsrc = this.icon.plus;
if (tdJoin) tdJoin.style.backgroundImage = "url("+this.icon.line+")";
if (tdOwnIconJoin) tdOwnIconJoin.style.backgroundImage = "url()";
}
}
}else{
if (status){
eJoinsrc = this.icon.nlMinus;
}else{
eJoinsrc = this.icon.nlPlus;
}
}
eJoin.src = eJoinsrc;

eDiv.style.display = (status) ? 'block': 'none';
};
dTree.prototype.clearCookie = function() {
var now = new Date();
var yesterday = new Date(now.getTime() - 1000 * 60 * 60 * 24);
this.setCookie('co'+this.obj, 'cookieValue', yesterday);
this.setCookie('cs'+this.obj, 'cookieValue', yesterday);
};dTree.prototype.setCookie = function(cookieName, cookieValue, expires, path, domain, secure) {
document.cookie =
escape(cookieName) + '=' + escape(cookieValue)
+ (expires ? '; expires=' + expires.toGMTString() : '')
+ (path ? '; path=' + path : '')
+ (domain ? '; domain=' + domain : '')
+ (secure ? '; secure' : '');
};dTree.prototype.getCookie = function(cookieName) {
var cookieValue = '';
var posName = document.cookie.indexOf(escape(cookieName) + '=');
if (posName != -1) {
var posValue = posName + (escape(cookieName) + '=').length;
var endPos = document.cookie.indexOf(';', posValue);
if (endPos != -1) cookieValue = unescape(document.cookie.substring(posValue, endPos));
else cookieValue = unescape(document.cookie.substring(posValue));
}
return (cookieValue);
};dTree.prototype.updateCookie = function() {
var str = '';
for (var n=0; n<this.aNodes.length; n++) {
if (this.aNodes[n]._io && this.aNodes[n].pid != this.root.id) {
if (str) str += '.';
str += this.aNodes[n].id;
}
}
this.setCookie('co' + this.obj, str);
};dTree.prototype.isOpen = function(id) {
var aOpen = this.getCookie('co' + this.obj).split('.');
for (var n=0; n<aOpen.length; n++)
if (aOpen[n] == id) return true;
return false;
};if (!Array.prototype.push) {
Array.prototype.push = function array_push() {
for(var i=0;i<arguments.length;i++)
this[this.length]=arguments[i];
return this.length;
}
};
if (!Array.prototype.pop) {
Array.prototype.pop = function array_pop() {
lastElement = this[this.length-1];
this.length = Math.max(this.length-1,0);
return lastElement;
}
};

Answer 3

应该是编码问题！我遇到过几次！从别的地方copy 过来的编码不一样的代码，粘贴到我的文件中(没显示乱码)！用了 vs 高级另存为（修改编码） 后，同样的 整个js 文件的方法都报未定义！
（还用了Emediter 修改编码 ） 同样整个js 文件的方法都报未定义！
屏蔽 copy 过来的那段代码后就没问题了！！我copy 的代码不多的话，我是照着再敲一遍就OK了！

Answer 4

补充说明一下，最初部署在unix服务器上是可以正常使用的，前两天更新程序，所有程序全部覆盖了一下，然后更新应用后，这个js方法就找不到了，后来又恢复到备份的旧版本，还是用不了。
但是这个部分其实是没有做过任何改动的。

Answer 5

总结一下大家的提问哈！引用的路径应该是没有问题的，因为把源文件中的路径贴过来可以访问到。我在那个js文件里写了个测试的方法，放在最前面了，也可以访问到。需要补充说明的一点是：
同样的部署程序，放在windows服务器上可以正常使用，只是在unix服务器不行。
而且，unix服务器也不是一直不行。一开始部署后可以正常访问，后来更新了一些程序，整个部署文件夹覆盖更新的（但是出现问题的这部分并没有做过改动），更新了部署之后就不行了，恢复到旧版本也不行了。

Answer 6

补充说明哈刚测试了一下，从unix服务器上拿下来的报错的js文件和jsp文件，替换了windows服务器上的同名文件，运行正常。

Answer 7

你用js调试工具调试下吧.可能在你调用那个函数之前.就有报错.导致后面的js都没有执行.所以就未定义

Answer 8

我真正奇怪的是，为什么同样的程序在windows服务器上部署没有问题，在unix服务器上就报错呢？

Answer 9

编码问题应该，看有没有中文路径，或者是TOMCAT的编码改成UTF-8没有。

Answer 10

没有中文路径。用的weblogic，怎么设置编码为utf-8呀？