如何在使用<a href="#" onclick="funtion('test.php')">

Question

I tried to open the content pages in using a javascript. So, I don't have to write all the header and footer pages. However, there is a problem, the url is not show in the navigation bar. Are there anyway to make the real url show up in the navigation bar? http://www.page.com/test.php時在導航欄上顯示真實網址？

<script> 
 
\t function openLink(url) { 
 

 
\t \t $(".contentTable").load(url); 
 
\t \t \t 
 
\t } 
 
</script>

<a id="link1" href="#" onclick="openLink('test.php')">Link</a>

Answer 1

看來你需要使用瀏覽器的歷史API：

https://developer.mozilla.org/en-US/docs/Web/API/History_API#The_pushState()_method

一個例子：

history.pushState({}, "New page test", "/test.php"); 

第一個參數是一個狀態，第二個標題和第三個你的網址。

pushState會將條目添加到您的歷史記錄中，並且replaceState將用新的歷史狀態替換當前的歷史狀態。