javascript - 完成当前网页的相对 URL

Question

我如何编写一个 javascript 函数，它接受一个字符串参数，该参数是一个相对 url，就好像它是一个相对路径，就像您在 Linux bash 脚本中看到的那样，并将它与当前网页的 url 结合起来以找到一个相对于当前网页的资源。

相对 url 的例子:

• file2.html
• ./file2.html
• ../foo/file2.html
• ././file2.html

示例结果:

1. 基本情况

   • 在网页中http://mysite.com/dir1/index.html
   • 相对网址 foo.html
   • 结果 http://mysite.com/dir1/foo.html

2. 过多的当前目录点(和本地网页)

   • 在网页文件中:///C:/Users/Me/dir1/dir2/page.html
   • 相对 url ././foo.html
   • 结果文件:///C:/Users/Me/dir1/dir2/foo.html
     • 或第二首选文件:///C:/Users/Me/dir1/dir2/././foo.html

3. 父目录(和一些附带的多余点，以及另一种本地网页格式)

   • 在网页文件中:///C|/Users/Me/dir1/dir2/anotherpage.html
   • 相对 url ./../././foo.html
   • 结果文件:///C:/Users/Me/dir1/foo.html
     • 或第二首选文件:///C:/Users/Me/dir1/dir2/./../././foo.html

Answer 1

你可以试试URI js library

试试 relativeTo, absoluteTo 函数。

例如:

var uri = new URI("../../foo.html");
var newUri = uri.absoluteTo("file://C:/Users/Me/dir1/dir2/page.html"); 
// newUri == "file://C:/Users/Me/foo.html"