如何在使用时在导航栏上显示真实的网址

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> function openLink(url) { $( ".contentTable" ).load(url); } </script> 

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

Answer 1

It seems that you need to use the history api of your browser :

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

An example :

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

First param is a state, second one a title and the third one your url.

pushState will add the entry to your history and replaceState will replace your current history state by a new one.