如何在一页网站中使用Javascript或jquery进行页面更改

Question

我正在一个网站的前端和后端工作，想知道如何调用js/jquery来更改一个页面网站中的页面

标签页/我有主页/关于/特惠/联系

我尝试过使用javascript样式.display，但只做了四页主页/关于/特别优惠/联系，只有当我从关于页面开始时，它才会起作用，主页只刷新页面，我有代码通过id检测新的部分，但不能像我想做那样不断更改它们

我尝试使用PHP来保存$currentpage和$nextpage，这样它就可以根据PHP值更改页面/节。我不会从PHP中得到错误。我认为我的PHP代码或js代码有问题

JS Code 
<script type="text/javascript">
function show(show, hide) {
document.getElementById(hide).style.display = "none";
document.getElementById(show).style.display = "block";
}
</script>

Section Code
Home <section id="home" class="large-9 columns" style="display:none"></section>
About <section id="about" class="large-9 columns" style="display:none"></section>
Special Offers <section id="specials" class="large-9 columns" style="display:none"></section>
Contact <section id="contact" class="large-9 columns" style="display:none"></section>

onclick js Event Code
<a href="<?PHP echo $unsecure;?>://<?PHP echo $domain?>" title="Home">Home</a>
<a href="#About" title="About" onclick="return show('about', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'about'){ $currentpage = $nextpage;}?>">About</a>
<a href="#Special_Offers" title="Special Offers" onclick="return show('specials', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'specials'){ $currentpage = $nextpage;}?>">Special Offers</a>
<a href="#contact" title="contact" onclick="return show('contact', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'contact'){ $currentpage = $nextpage;}?>">Contact</a>

预期：我希望能够在点击时使用js或jquery将显示样式从block更改为none，就像在一个页面网站中更改页面一样正确，并且能够添加更多页面来使用它。

实际结果：当我刷新我的网站上的页面时，我可以单击"关于"one_answers"联系人"，并将正确显示，但当我再次单击时，它会显示在"联系人"下方，并且不会隐藏"联系人">

当我刷新页面时，我点击特别优惠，它只是放在主页下方，不会隐藏主部分

Answer 1

真正有帮助的答案是jQuery.load。我不知道这比我最初在js中从头开始加载要简单得多。我不必在index.PHP文件中有额外的PHP

我所要做的就是

onclick='$("#main").load("includes/file.php")'

就像一个迷人的