理想的網站導航設計

我正在設計一個網站，我想在頂部有一個靜態菜單，我想加載用戶在菜單下方要求的相應頁面。但我不想重新加載整個頁面，只需加載菜單下面的部分即可。什麼是理想的設計呢？理想的網站導航設計

2011-02-23 Jerry Ragland

什麼，我阿斯金g實際上是在這個我們正在查看的頁面中實現的 - 標誌（堆疊流）和菜單 - 問題，標籤，用戶，徽章......當我們點擊菜單時，它們似乎不會加載。只有下面的頁面部分加載..我的問題是如何做到這一點。 – 2011-02-23 01:35:32

頁面完全重新加載。你只是沒有看到它，因爲你在頁面的頂部。 – Mottie 2011-02-23 02:52:02

你可以做到這一點與jQuery的load功能，它適用於覆蓋所有你想更換一個DIV，雖然這樣做，而不是常規的網頁有許多缺點：

搜索引擎無法得到的每一頁
用戶與JS關閉將無法瀏覽該網站
你不會真的獲益良多，因爲你還在加載幾乎佔據了整個頁面

來源

2011-02-23 01:26:19 cambraca

搜索引擎問題可以通過使用[hash-bangs]（http：//googlewebmastercentral.blogspot。COM/2009/10 /建議，爲決策的Ajax-crawlable.html）。 Gawker最近改變了他們的網站使用hash-bang網址與他們的內容通過javascript異步加載，而不失去他們的SEO排名。但是，他們也爲此做了一些[熱]（http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs）。 – 2011-02-23 01:30:01

是你的建議，在每個頁面中使用包括頭文件和菜單jsps，並加載整個頁面，並有菜單鏈接指向個人jsps（與菜單和標題包括）？ – 2011-02-23 01:31:06

@凱文感謝您的鏈接，它看起來很有趣！ @Jerry我認爲這正是我的建議，雖然我對jsp不是很瞭解，所以我不能100％確定。就像你說的那樣，這個想法是將單獨的頁面與菜單等一些常見的東西包含在一起。 – cambraca 2011-02-23 02:02:19

AJAX

http://www.w3schools.com/Ajax/Default.Asp

異步Javascript和XML，使用XML來進行通信的請求和響應對象，可以是HTML，因爲HTML是XML的子集。

來源

2011-02-23 01:24:20 shaunhusain

讓我知道這是不是你要找的，但聽起來對我來說。您可以選擇使用某種RIA技術（我通常使用的是Flex，但也有其他類似Pivot或Google Web Toolkit），它們使用靜態導航，並不一定是「頁面」（這可能是一種問題，當涉及到「深入鏈接」的東西要根據你的情況謹慎） – shaunhusain 2011-02-23 01:28:51

@shaunhusain - 我問的是實際上是在這個我們正在尋找的頁面 - 標誌（堆棧溢出）和菜單 - 問題，標籤，用戶，徽章......當我們點擊菜單時，它們似乎不會加載。只有下面的頁面加載..我的問題是如何做到這一點。 – 2011-02-23 01:34:46

@Jerry - 我不相信這實際上是如何處理它的stackoverflow，我很確定它只是請求整個頁面，但AJAX是這個問題的簡單答案。這裏的其他答案是AJAX內置的其他東西，你可以在不用編寫自己的代碼的情況下使用，但據我所知，它們都包含答案，你可以使用AJAX來做到這一點。 AJAX只不過是一些JavaScript，它通過瀏覽器提供的特殊XML請求對象發出請求，在響應處理程序中，您可以使用DOM元素的innerHTML（get by id）替換頁面內容。 – shaunhusain 2011-02-23 01:43:12

理想的網站導航設計

回答

相關問題