blocks|key|1547866|text|在同一文件夹中，只需使用文件名：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1547867|<a+href="thefile.html">my+link</a>|code-block|syntax|javascript|1547868|在父文件夹的目录中：|1547869|<a+href="../thefile.html">my+link</a>|1547870|在子目录中：|1547871|<a+href="subdir/thefile.html">my+link</a>|1547872|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Within the same folder, just use the file name:

<pre><code>&lt;a href="thefile.html"&gt;my link&lt;/a&gt;
</code></pre>

Within the parent folder's directory:

<pre><code>&lt;a href="../thefile.html"&gt;my link&lt;/a&gt;
</code></pre>

Within a sub-directory:

<pre><code>&lt;a href="subdir/thefile.html"&gt;my link&lt;/a&gt;
</code></pre>

blocks|key|1332638|text|此外，这将向上移动一个目录，然后向下移动到另一个子文件夹。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332639|<a+href+=+"../subfolder/page.html">link</a>|code-block|syntax|javascript|1332640|要进入多个目录，您可以这样做。|1332641|<a+href+=+"../../page.html">link</a>|1332642|要进入根目录，我使用以下命令|1332643|<a+href+=+"~/page.html">link</a>|1332644|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Also, this will go up a directory and then back down to another subfolder.

<pre><code>&lt;a href = "../subfolder/page.html"&gt;link&lt;/a&gt;
</code></pre>

To go up multiple directories you can do this.

<pre><code>&lt;a href = "../../page.html"&gt;link&lt;/a&gt;
</code></pre>

To go the root, I use this

<pre><code>&lt;a href = "~/page.html"&gt;link&lt;/a&gt;
</code></pre>

blocks|key|1547920|text|此外，如果您想引用根目录，可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1547921|/|code-block|syntax|javascript|1547922|它指的是根。因此，假设我们在一个嵌套在几层文件夹中的文件中，并且您想要返回到主index.html：|1547923|<a+href="/index.html">My+Index+Page</a>|1547924|Robert非常精准地给出了进一步的相对路径解释。|1547925|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

In addition, if you want to refer to the root directory, you can use:

<pre><code>/
</code></pre>

Which will refer to the root. So, let's say we're in a file that's nested within a few levels of folders and you want to go back to the main index.html:

<pre><code>&lt;a href="/index.html"&gt;My Index Page&lt;/a&gt;
</code></pre>

Robert is spot-on with further relative path explanations.

blocks|key|1332429|text|您可以使用以下命令在层次结构中向上移动文件夹|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332430|../|code-block|syntax|javascript|1332431|因此，要从/webroot/site/pages/folder1/mytherpage.htm转到文件夹/webroot/site/pages/folder2/mypage.htm，您的链接将如下所示：|1332432|<a+href="../folder2/mypage.htm">Link+to+My+Page</a>|1332433|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can go up a folder in the hierarchy by using

<pre><code>../
</code></pre>

So to get to folder /webroot/site/pages/folder2/mypage.htm from /webroot/site/pages/folder1/myotherpage.htm your link would look like this:

<pre><code>&lt;a href="../folder2/mypage.htm"&gt;Link to My Page&lt;/a&gt;
</code></pre>

blocks|key|1332720|text|如果你想链接到根目录，你可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332721|/或/index.html|offset|length|style|CODE|1332722|如果您想链接到同一目录中的文件，只需输入文件名|1332723|<a+href="/employees.html">Employees+Click+Here</a>|code-block|syntax|javascript|1332724|要移回文件夹，可以使用|1332725|../|1332726|要从根目录链接到employees目录中的索引页，您可以这样做|1332727|<a+href="../employees/index.html">Employees+Directory+Index+Page</a>|1332728|entityMap^0|0|0|1|2|B|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]|$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|15|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|17|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|19|8|@]|9|@]|A|$M|N]]|$1|W|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|X|$]]

If you'd like to link to the root directory you can use 

<code>/</code>, or <code>/index.html</code>

If you'd like to link to a file in the same directory, simply put the file name

<pre><code>&lt;a href="/employees.html"&gt;Employees Click Here&lt;/a&gt;
</code></pre>

To move back a folder, you can use 

<pre><code>../
</code></pre>

To link to the index page in the employees directory from the root directory, you'd do this

<pre><code>&lt;a href="../employees/index.html"&gt;Employees Directory Index Page&lt;/a&gt;
</code></pre>

blocks|key|1332592|text|我要提醒您:如果您使用的是绝对路径，那么您的应用程序不能安装在服务器的“子目录”中！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332593|例如，http://yourserver.com/yourapp可能行得通，但http://myserver.com/apps/yourapp不行！|offset|length|1332594|entityMap|0|LINK|mutability|MUTABLE|url|http://yourserver.com/yourapp|1|http://myserver.com/apps/yourapp^0|0|3|T|0|13|W|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

I would caution you: if you are using absolute paths, then your application cannot be installed in a "subdirectory" of the server!

eg, <a href="http://yourserver.com/yourapp" rel="nofollow noreferrer">http://yourserver.com/yourapp</a> may work, but <a href="http://myserver.com/apps/yourapp" rel="nofollow noreferrer">http://myserver.com/apps/yourapp</a> will not!

blocks|key|1548187|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1548188|../|code-block|syntax|javascript|1548189|例如，如果您的文件位于folder2中的folder1中，您可以这样定位它|offset|length|style|CODE|1548190|../folder1/folder2/image|1548191|entityMap^0|0|0|B|7|K|7|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Use 

<pre><code>../
</code></pre>

For example if your file, lets say image is in <code>folder1</code> in <code>folder2</code>
you locate it this way

<pre><code>../folder1/folder2/image
</code></pre>

blocks|key|1332946|text|同一目录的href="./page.htm“|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332947|href="../page.htm“父目录|1332948|href="~/page.htm“根目录或最上面的目录。|1332949|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

href=&quot;./page.htm&quot; for the same directory
href=&quot;../page.htm&quot; parent directory
href=&quot;~/page.htm&quot; root directory or the upper most dir.

blocks|key|1548167|text|下面的答案是我创建的，用于将另一个共享驱动器中的html内容链接到我将发送给经理的html页面。当然，路径是相对于您的使用而言的，但在我的例子中，我只会将html发送给他们，而从load+runner动态更新的所有其他内容都会为我更新。节省了大量的纸张，而且他们可以按照自己认为合适的方式处理数字，而不仅仅是这样的硬拷贝。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1548168|SRC="file://///shareddrive/shareddrive-folder/username/scripting/testReport\contents.html"+NAME="contents_frame"+title="Table+of+Contents"|code-block|syntax|javascript|1548169|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Answer below is what I created to link html contents from another shared drive to the html page I would send out to managers. Of course, the path is relative to your using, but in my case, I would just send them the html, and everything else that is updated from load runner dynamically would be updated for me.
Saves tons of paper, and they can play with the numbers as they see fit instead of just a hard copy this way. 

<pre><code>SRC="file://///shareddrive/shareddrive-folder/username/scripting/testReport\contents.html" NAME="contents_frame" title="Table of Contents"
</code></pre>

blocks|key|1548261|text|对于ASP.NET，这对我的开发和部署很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1548262|<a+runat="server"+href="~/Subfolder/TargetPage">TargetPage</a>|code-block|syntax|javascript|1548263|使用runat="server"和href="~/"是进入根目录的关键。|offset|length|style|CODE|1548264|entityMap^0|0|0|2|E|H|9|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

For ASP.NET, this worked for me on development and deployment:

<pre><code>&lt;a runat="server" href="~/Subfolder/TargetPage"&gt;TargetPage&lt;/a&gt;
</code></pre>

Using <code>runat="server"</code> and the <code>href="~/"</code> are the keys for going to the root.

blocks|key|1548274|text|这对我很有效，<a+href="preferedfile+name.html">to+be+clicked+<a/>|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1548275|entityMap^0|7|1F|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

This worked for me <code>&lt;a href="preferedfile name.html"&gt;to be clicked &lt;a/&gt;</code>

blocks|key|1333004|text|当我创建一个网页时，我发现通过将Html文件移动到不同的文件夹中，它会改变图像、视频、音乐、PDF文件等的路径。然后，当您退出时，根据页面内容的位置，插入，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1333005|​|1333006|+<a+href="Meme/WP/Chipmunk.html">Chipmunk+Memes</a>
+
+*/+This+is+where+the+HTML+is+located+%5E%5E%5E%5E%5E%5E+*/
+
+<img+class="demo+cursor"+src="../6.png"+width="100"+height="50"+onclick="currentSlide(6)"+alt="Sasha+Having+Some+Fun">
+
+*/+This+is+where+the+images+are+located.+The+"../6.png"+is+the+image+file,+and+it+is+located+one+directory+back.+*/|code-block|syntax|javascript|1333007|1333008|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

When I Was creating a webpage, I found out that With moving Html files to different Folders, It changes the paths of the images, videos, music, PDF files, etc. With them, you have to go out of the file the HTML is located in, with the
<code>../HTML</code>. Then when your out, depending on where your page content is, insert,
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;a href="Meme/WP/Chipmunk.html"&gt;Chipmunk Memes&lt;/a&gt;
 
 */ This is where the HTML is located ^^^^^^ */
 
 &lt;img class="demo cursor" src="../6.png" width="100" height="50" onclick="currentSlide(6)" alt="Sasha Having Some Fun"&gt;
 
 */ This is where the images are located. The "../6.png" is the image file, and it is located one directory back. */</code></pre>
</div>
</div>

How can I link to html pages if they are in same or different folders without writing full path?

How to link html pages in same or different folders?

服务器

如果html页面在相同或不同的文件夹中，而没有写入完整路径，我如何链接到html页面？

问如何链接相同或不同文件夹中的html页面？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何链接相同或不同文件夹中的html页面？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何链接相同或不同文件夹中的html页面？
EN