我們將看看如何加快小型靜態(tài)網(wǎng)站使用一些不同的方法的用戶(hù)體驗(yàn)。（一個(gè)靜態(tài)的網(wǎng)站是一個(gè)沒(méi)有任何更新的內(nèi)容，所以沒(méi)有博客文章或照片流等）

深圳網(wǎng)站建設(shè)要做的是把頁(yè)面重新加載。所以簡(jiǎn)單的說(shuō)，當(dāng)用戶(hù)使用導(dǎo)航鏈接，只有主要的網(wǎng)頁(yè)內(nèi)容的變化，它不會(huì)使瀏覽器加載網(wǎng)頁(yè)。
我們將在兩種不同的方式實(shí)現(xiàn)這一效果，第一只使用jQuery和其他使用AJAX和PHP。他們都有他們的優(yōu)點(diǎn)和缺點(diǎn)，我們來(lái)看看為好?？匆豢囱菔究吹轿覀冋谂?shí)現(xiàn)我們的第一個(gè)開(kāi)始（簡(jiǎn)單）的jQuery方法。
 
使用jQuery實(shí)現(xiàn)的影響
我們先看看頁(yè)面設(shè)置。HTML很簡(jiǎn)單，但有幾個(gè)重要的部分，“要點(diǎn)”是。我們需要一些導(dǎo)航鏈接，里面有具體的哈希鏈接（我們馬上會(huì)解釋?zhuān)┖鸵粋€(gè)指定的內(nèi)容，你就已經(jīng)在其他網(wǎng)站反正。所以，讓我們先來(lái)看看我們的index.html文件是什么：

因此，概括的需要到標(biāo)記的重要部分：我們的導(dǎo)航中，每個(gè)環(huán)節(jié)都有相應(yīng)的部門(mén)href鏈接”頁(yè)面，有2″href =“# page2.php”（這是<段>元素的ID進(jìn)一步下降）。所以這第一個(gè)方法，你可以看到我們有一個(gè)div的#主要內(nèi)容圍繞我們的部分，然后每一頁(yè)的內(nèi)容有自己?jiǎn)为?dú)的部分的其他元素后。我們也呼吁jQuery和我們自己的custom.js JavaScript文件，網(wǎng)站的實(shí)際功能將使。

JavaScript
所以現(xiàn)在來(lái)解釋我們需要通過(guò)jQuery實(shí)現(xiàn)。在我們的custom.js文件，我們的目標(biāo)是當(dāng)用戶(hù)點(diǎn)擊導(dǎo)航鏈接。檢索href鏈接找到'節(jié)'，相同的ID，然后躲在#主要內(nèi)容div的一切，在新的部分褪色。這是什么樣子的：

使用AJAX和PHP
為了達(dá)到這一效果但稍有不同的方式，使初始負(fù)荷不會(huì)載我們所有的內(nèi)容，因此慢下來(lái)（擊敗點(diǎn)如果網(wǎng)站有很多內(nèi)容）我們將使用一個(gè)小的PHP和AJAX。這意味著我們的項(xiàng)目文件的結(jié)構(gòu)將發(fā)生變化，看起來(lái)像這樣：

牧羊人設(shè)計(jì)文章推薦：

網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)的用戶(hù)體驗(yàn)
深圳網(wǎng)絡(luò)制作素材