我的网站中有很多子文件夹。我有以下路径引用我的js和css文件。
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="js/jquery.js"></script>
上面的代码在我的本地机器上工作正常。当我将网站托管到生产服务器时,没有加载JS文件。我托管服务器的问题是我的网站是
www.somewebsitename.com
而不是
www.somewebsitename.com/home.aspx
。当我使用www.somewebsitename.com/home.aspx加载页面时,只有当我使用www.somewebsitename.com加载页面时,它才会加载所有不加载文件的js文件。
请解决我的问题。如何引用JS文件,以便他们如何访问页面。
答案 0 :(得分:2)
变化:
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="js/jquery.js"></script>
要:
<link rel="stylesheet" type="text/css" href="/css/styles.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
领先的斜杠是一种说“嘿,我希望你从网站的根目录开始并从那里工作”的方式。
因此,提供JS和CSS文件夹位于网站的根目录中,无论您从哪个子文件夹链接这些文件都无关紧要,它始终会查找根目录并解决问题。 / p> 祝你好运。 迈克尔。
答案 1 :(得分:1)
您是否尝试在路径前放置一个前导斜杠,以便它们相对于根文件夹而不是相对于HTML文件夹?