Javascript 克服为js/css/xml文件创建子目录引起的问题

我一直在一个网站上工作，在我的电脑上使用html、css、js和xml文件（尚未联机）。我有一个images文件夹，但在其他方面将所有文件保存在同一个文件夹中。随着工作的进行，事情开始变得有些混乱，因此我创建了css、js和xml文件夹，并仔细更新了所有html、css和js代码。我立即遇到了“访问受限URI拒绝代码：1012”错误，讨论。按照上一个链接中的建议，我将站点移动到本地主机服务器中。这似乎解决了1012错误，但我似乎仍然遇到了其他错误（我的js代码似乎在访问html元素时遇到了问题）。在不太具体的情况下，将网站文件移动到子目录中会遇到哪些问题以及相应的解决方案？

将文件移动到子文件夹中会遇到哪些问题

• CSS中包含的图像与CSS文件的位置有关

---

• 对其他文件的JavaScript引用是相对于页面位置的

我准备了一些东西来演示

---

演示：

根据我个人的经验，多个文件夹总是会产生问题

您可以用代码制作模块，并将每个模块的所有公共资源放在同一个文件夹组中，但只有在真正大的项目上才值得（这里我们讨论的是Yahoo、Amazon和type scale）

---

如果它如此复杂，多个文件夹将使事情变得更加困难。保持文件夹结构简单，减少代码的复杂性。

将样式表移动到

css

文件夹时，只需在所有css

链接中的
href
前面添加
/css/
。还可以在css文件中所有图像URL的前面添加
。/
。
将javascripts移动到
js
文件夹类似，只需将
/js/
添加到所有js
链接中
href
的前面即可。
将
.xml
s移动到
xml
文件夹可能更复杂。由于1012错误，您需要将站点移动到服务器上（如果服务器上还没有）。然后，您需要遍历js代码，并将
/xml/
添加到xml引用的开头。如果您做得很好，您将有一个名为
函数openXMLfile（xmlFileName）
的函数，因此您只需要更改一行：
xmlhttp.open（“GET”，xmlFileName+“.xml”，false）
到
xmlhttp.open（“GET”、“/xml/”+xmlFileName+“.xml”，false）
谢谢你的回答和评论。帮助。向上投票。
研究这一点，似乎尽管1012错误已经消失，但我的js代码仍然无法读取XML文件。我已经尝试了js目录（../xml/myXMLfile.xml）和html（./xml/myXMLfile.xml）中的路径。您能将代码放入JSFIDLE并将链接发回给我们吗。这很可能只是一个路径问题，但如果没有看到代码，就很难诊断。希望得到一个“通用”的答案，而不是针对我的代码。起初，我认为问题可能是相对路径应该与js“链接”到的html文件相对。然后我想到了一个目录权限问题。不知道JSFIDLE——看起来是一个很好的资源。不过现在生病了，工作过度了，所以我们以后会调查……”“对其他文件的JavaScript引用与页面位置有关。”这是有道理的。您不会希望位于的js代码具有相对于该位置的引用！我必须重新检查这是否是问题所在。我很快就同意了。不过我确实认为，就像拥有一个“图像”文件夹一样，“css”、“js”和“xml”文件夹也很有意义。我想，如果我能把我的代码分类，我会接受Patric的答案，如果不能，我会接受你的答案。很抱歉，我写得不太好-每种资源应该有一个文件夹，而且只有一个文件夹。查看HTML5样板——这是任何Web项目的很好的基础。