blocks|key|926316|text|为了相对于根目录，只需使用/开始URI|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|926317|<link+type="text/css"+rel="stylesheet"+href="/style.css"+/>
<script+src="/script.js"+type="text/javascript"></script>|code-block|syntax|javascript|926318|entityMap^0|D|1|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

To be relative to the root directory, just start the URI with a <code>/</code>

<pre><code>&lt;link type="text/css" rel="stylesheet" href="/style.css" /&gt;
&lt;script src="/script.js" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>

blocks|key|710301|text|我推荐使用超文本标记语言+element|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|710302|<head>
++++<base+href="http://www.example.com/default/">
++++<link+rel="stylesheet"+href="style.css"+/>
++++<script+src="script.js"></script>
</head>|code-block|syntax|javascript|710303|在本例中，样式表位于http://www.example.com/default/style.css中，脚本位于http://www.example.com/default/script.js中。与/相比，<base>的优势在于它更灵活。您的整个网站可以位于一个域的子目录中，您可以很容易地更改您网站的默认目录。|style|CODE|710304|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base^0|C|8|0|0|0|A|14|1K|14|2R|1|2V|6|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]|$A|12|B|13|K|L]|$A|14|B|15|K|L]|$A|16|B|17|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

I recommend using the HTML <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base" rel="noreferrer"><code>&lt;base&gt;</code> element</a>:

<pre><code>&lt;head&gt;
 &lt;base href="http://www.example.com/default/"&gt;
 &lt;link rel="stylesheet" href="style.css" /&gt;
 &lt;script src="script.js"&gt;&lt;/script&gt;
&lt;/head&gt;
</code></pre>

In this example, the stylesheet is located in <code>http://www.example.com/default/style.css</code>, the script in <code>http://www.example.com/default/script.js</code>. The advantage of <code>&lt;base&gt;</code> over <code>/</code> is that it is more flexible. Your whole website can be located in a subdirectory of a domain, and you can easily alter the default directory of your website.

blocks|key|710197|text|/表示当前驱动器的根目录；|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|710198|./表示当前目录；|710199|../是指当前目录的父目录。|710200|entityMap^0|0|1|0|0|2|0|0|3|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|K|$]]

<code>/</code> means the root of the current drive;

<code>./</code> means the current directory;

<code>../</code> means the parent of the current directory.

blocks|key|710077|text|就从斜杠开始？这意味着根。只要你是在web服务器(比如localhost)上测试，而不是在文件系统(比如C:)上测试，那么你需要做的就是这些。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|710078|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Just start it with a slash? This means root. As long as you're testing on a web server (e.g. localhost) and not a file system (e.g. C:) then that should be all you need to do.

blocks|key|926590|text|这让我感到莫名其妙的困惑。我知道不应该这样。为了检验我的理解，我想用一个家庭关系模型来比较。假设“你”是当前的网页，下面的判断是正确的吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|926591|<img+src="picture.jpg">++++++++++++In+your+folder+with+you,+like+a+sibling
<img+src="images/picture.jpg">+++++In+your+child's+folder,+under+you
<img+src="../picture.jpg">+++++++++In+your+parent's+folder,+above+you
<img+src="/images/picture.jpg">++++In+your+cousin's+folder|code-block|syntax|javascript|926592|所以，上到父母，下到兄弟，下到他们的孩子=你的表妹，名为"images“。|926593|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is oddly confusing to me. I know it shouldn't be. To check my understanding, I'd like to use a family relations model to compare. Assuming "You" is the current webpage, is the following correct?

<pre><code>&lt;img src="picture.jpg"&gt; In your folder with you, like a sibling
&lt;img src="images/picture.jpg"&gt; In your child's folder, under you
&lt;img src="../picture.jpg"&gt; In your parent's folder, above you
&lt;img src="/images/picture.jpg"&gt; In your cousin's folder
</code></pre>

So, up to parent, over to sibling, down to their child = your cousin, named "images".

blocks|key|710470|text|作为Alexander+Jank+mentioned+<base+href="http://www.example.com/default/">是很棒的。当使用子域时，例如default.example.com基础工作很好，因为JS和CSS从所述子域加载，并且default.example.com和example.com/default都可以访问|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|710471|如果使用根路径，并且JS和CSS文件位于example.com/css或example.com/js中，则子域没有访问权限，并且无法访问子域的根目录，除非使用基目录。|710472|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/2737565/alexander-jank|1|https://stackoverflow.com/a/42997313/11573842^0|R|19|2E|J|3M|J|46|J|2|E|0|H|9|1|0|K|F|10|E|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]|$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

As <a href="https://stackoverflow.com/users/2737565/alexander-jank">Alexander Jank</a> <a href="https://stackoverflow.com/a/42997313/11573842">mentioned</a> <code>&lt;base href=&quot;http://www.example.com/default/&quot;&gt;</code> is great. When using sub-domains e.g. <code>default.example.com</code> base works great, because the JS and CSS loads from the said sub-domain and is accessible to both <code>default.example.com</code> and <code>example.com/default</code>
When using the root path, and your JS and CSS files are located in <code>example.com/css</code>, or <code>example.com/js</code>, then the subdomain has no access and the root of the subdomain is not accessible, except using the base.

blocks|key|926360|text|在/之前使用两个句点，例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|926361|../style.css|code-block|syntax|javascript|926362|entityMap^0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Use two periods before <code>/</code>, example:
<pre><code>../style.css
</code></pre>

blocks|key|926373|text|您可以使用ResolveUrl|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|926374|<link+type="text/css"+rel="stylesheet"+href="<%25=Page.ResolveUrl("~/Content/table-sorter.css")%25>"+/>|code-block|syntax|javascript|926375|entityMap|0|LINK|mutability|MUTABLE|url|https://msdn.microsoft.com/en-us/library/system.web.ui.control.resolveurl.aspx^0|5|A|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can use <a href="https://msdn.microsoft.com/en-us/library/system.web.ui.control.resolveurl.aspx" rel="nofollow">ResolveUrl</a>

<pre><code>&lt;link type="text/css" rel="stylesheet" href="&lt;%=Page.ResolveUrl("~/Content/table-sorter.css")%&gt;" /&gt;
</code></pre>

I'm writing a template for dreamweaver, and don't want to change the scripts for subfolder pages.

Is there a way to make the path relative to the root directory?

for example:

<pre><code>&lt;link type="text/css" rel="stylesheet" href="**root**/style.css" /&gt;
</code></pre>

Instead of <code>**root**</code> above, I want a default path there. Is there any way to do anything like this?

Specify a Root Path of your HTML directory for script links?

文件系统

服务器

我正在为dreamweaver编写一个模板，并且不想更改子文件夹页面的脚本。有没有办法使路径相对于根目录？例如：<link type="text/css" rel="stylesheet" href="**root**/style.css" />我想要一个默认路径，而不是上面的**root**。有没有办法做到这一点呢？

问是否为脚本链接指定HTML目录的根路径？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否为脚本链接指定HTML目录的根路径？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否为脚本链接指定HTML目录的根路径？
EN