如何使用 window.location.replace javascript？

Question

我的网址

http://www.mysite.com/folder1/page1.aspx
http://www.mysite.com/folder1/page1.aspx?id=1
http://www.mysite.com/folder1/page1.aspx?id=1&dt=20111128

重定向页面

http://www.mysite.com/folder1/page2.aspx

我想从page1.aspx 重定向到page2.aspx

如何在page1.aspx中编写javascript？

window.location.replace("/page2.aspx");
window.location.replace("../page2.aspx");
window.location.replace("~/page2.aspx");

前 2 个给了我这个。

http://www.mysite.com/page2.aspx

最后一个给了我这个。

http://www.mysite.com/folder1/~/page2.aspx

正确的使用方法是什么？

Answer 1

根本不包含路径信息，就像在链接中一样：

window.location.replace("page2.aspx");

Here's a live example示例切换

http://jsbin.com/asupup/2 -- “2”对应你的“page1.aspx”

...和

http://jsbin.com/asupup/3 -- “3”对应你的“page2.aspx”

...所以2 页面使用

window.location.replace("3");

...3 页面使用

window.location.replace("2");

有关 URL（尤其是相对 URL）如何工作的更多信息，请参阅RFC3986。但基本上：

• 如果相对网址不以. 或/ 开头，它将替换最后一段。所以：

      http://foo.com/one/two/page.html
    + bar.html
    = http://foo.com/one/two/bar.html
  

• 如果一个相对 URL 以 ../ 开头，它会替换最后一段和它上面的一段：

      http://foo.com/one/two/page.html
    + ../bar.html
    = http://foo.com/one/bar.html
  

  请注意，two 子文件夹已被替换。多个../s 可用于向上移动多个级别：

      http://foo.com/one/two/three/four/page.html
    + ../../bar.html
    = http://foo.com/one/two/bar.html
  

• 如果相对 URL 以单个 / 开头，它将替换主机名（和端口，如果有）之后的所有内容。所以：

      http://foo.com/one/two/page.html
    + /bar.html
    = http://foo.com/bar.html
  
      http://foo.com:8080/one/two/page.html
    + /bar.html
    = http://foo.com:8080/bar.html
  

• 如果相对 URL 以 // 开头，它将替换协议后面的所有内容，因此：

      http://ex.com/folder/page.html
    + //foo.com
    = http://foo.com
  

  （这在加载资源时很方便，并且您不想担心 http 与 https 和混合内容警告。）