方法1:
理念-不使用超連結的URL跳轉功能，而直接修改元素的innerHTML，
接者用方法改掉網址但不能跳轉，這裡改網址只是易於分享，當然php還需改寫成對JS變數寫入。
用這種方式作成的網站瀏覽速度奇快無比，省去了大量時間。
<body>
<a onclick="a1()">Main</a> <a onclick="a2()">Tip</a>
<div id="div1"></div>
<script>
function a1()
{
div1.innerHTML="a"
var stateObj = { };
history.pushState(stateObj, "", "index.php?url=a");
}
function a2()
{
div1.innerHTML="b";
document.URL="b";
var stateObj = { };
history.pushState(stateObj, "", "index.php?url=b");
}
</script>
</body>
方法2:
做單頁式網頁然後用錨點，當然錨點有個缺點就是如果上頭有導覽列會被蓋住，所以要修改JS或CSS讓他有偏移。