如何通過點擊Html中的超鏈接重定向到另一個頁面？

我有一個導航欄，
當前URL：www.domain.com/what-is-your-fb-username-?/如何通過點擊Html中的超鏈接重定向到另一個頁面？

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="">Shuboy2014</a> 
     </div> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href='delete/'>Delete</a></li> 
      <li class="active"><a href="edit/">Update</a></li> 
      <li class="active"><a href="logout">Logout</a></li> 
     </ul> 
    </div> 
    </nav>

當我點擊導航欄上的註銷選項它重定向到www.domain.com/what-is-your-fb-username-?/logout，我想要去www.domain.com/logout。
我該怎麼做？任何有用的建議都會有幫助。

來源

2016-06-12 shuboy2014

您可以更改註銷href網址：

來源：<li class="active"><a href="logout">Logout</a></li>

到：<li class="active"><a href="/logout">Logout</a></li>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="">Shuboy2014</a> 
     </div> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href='delete/'>Delete</a></li> 
      <li class="active"><a href="edit/">Update</a></li> 
      <li class="active"><a href="/logout">Logout</a></li> 
     </ul> 
    </div> 
</nav>

來源

2016-06-12 19:58:04 gaetanoM

非常感謝你:) – shuboy2014

，以避免此類錯誤的最佳方式是指定完整（全部）你的鏈接路徑 - 即http://www.domain.com/folder/page.html。

你會發現進入這個習慣會避免錯誤，特別是如果你引用外部鏈接。

祝你好運！

來源

2016-06-12 20:04:49

感謝瑞秋羅嘉良它非常有幫助。 – shuboy2014

@ shuboy2014沒有probs :) –

簡單地講了/在HREF的前面，如/logout

有/在前面使之成爲path-absolute url，將被用作完整路徑部分當前域。

路徑絕對URL必須爲「/」後跟路徑相對URL。

您還可以使用<base>標記來設置相對路徑將用於製作完整url的基本URL。所以，如果基地是http://stackoverflow.com/和當前頁面是http://stackoverflow.com/assets所有相對URL將開始與http://stackoverflow.com/而不是http://stackoverflow.com/assests

console.log("Document location:", document.location.href); 
 
console.log("anchor href: ",document.querySelector("a").href);

<base href="http://stacksnippets.net/"> 
 
<a href="assets/test.html">Relative of &lt;base&gt;</a>

來源

2016-06-12 20:06:23

如何通過點擊Html中的超鏈接重定向到另一個頁面？

回答

相關問題