Javascript 在流式CSS中指定相对路径的正确方法是什么？_Javascript_Html_Css_Path

Javascript 在流式CSS中指定相对路径的正确方法是什么？

javascript html css path

Javascript 在流式CSS中指定相对路径的正确方法是什么？,javascript,html,css,path,Javascript,Html,Css,Path,我在Firefox中工作，但相关路径不起作用一个警告是，我使用AJAX流式处理.css文件，并将其动态添加到DOM中另一个警告是，我的网站是通过以下两种方式之一进入的： www.host.com (use this for production) 或图片如下： www.host.com/host/images 或取决于您进入网站的方式我可以发布任何需要的信息并测试解决方案我在用 ../images/name.jpg 但浏览器不知何故将此视为： hosts.com/images

我在Firefox中工作，但相关路径不起作用

一个警告是，我使用AJAX流式处理.css文件，并将其动态添加到DOM中

另一个警告是，我的网站是通过以下两种方式之一进入的：

www.host.com (use this for production)

或

图片如下：

www.host.com/host/images

或

取决于您进入网站的方式

我可以发布任何需要的信息并测试解决方案

我在用

../images/name.jpg

但浏览器不知何故将此视为：

hosts.com/images/name.jpg

这是不存在的

这是一个关于相对路径和正确实现的问题。

相对路径总是相对于CSS位置，而不是引用CSS文件的网页位置。所以问题是，CSS文件的起始位置是什么？如果您将所有路径都设置为与之相关，那么它应该适用于您的生产URL和开发URL。

相对路径始终与CSS位置相关，而不是与引用CSS文件的网页位置相关。所以问题是，CSS文件的起始位置是什么？如果您创建了所有与之相关的路径，那么它应该适用于您的生产URL和开发URL。

相关路径的变化取决于链接所在的页面。使用相对路径创建链接有几个规则：

相对路径根据链接所在的页面而变化。使用相对路径创建链接有几个规则：

绝对路径URL

绝对路径之所以被称为绝对路径，是因为它们指的是非常特定的位置，包括域名。Web元素的绝对路径通常也称为URL。例如，此网页的绝对路径为：

您通常使用域的绝对路径来指向位于您自己域以外的另一个域上的Web元素。例如，如果我想链接到谷歌，它将是

如果您引用的Web元素与您所在的域相同，则不需要在链接路径中使用域名。只需省去域名，但一定要在域名后加上第一个斜杠（/）

在大多数网站上使用绝对路径（不含域名）是一个好主意。此格式确保链接或图像无论放置在何处都可用。这似乎是一个使用较长链接的愚蠢理由，但如果您在站点上的多个页面和目录中共享代码，使用绝对路径将加快维护速度

相对路径URL

相对路径的变化取决于链接所在的页面。使用相对路径创建链接有几个规则：

与页面位于同一目录中的链接没有路径信息列出的文件名
子目录列出时没有任何前面的斜杠每周/文件名
一个目录上的链接列为../filename

如何确定相对路径：

确定正在编辑的页面的位置。这篇文章是位于我的网站上的/library/weekly文件夹中

确定要链接到的页面或图像的位置。这个初学者资源中心位于此处：/library/beging/

比较位置并决定如何从此点指向它文章中，我需要升级一个目录（到/library），然后返回开始目录

使用上面列出的规则编写链接：