使用iframe或javascript將內容加載到div中

Question

我正在為我的樂隊建立一個站點。 我的主頁已經完成。 我想將其他頁面加載到中心div #center_content中，而不更改/重新加載頁面上的其他任何內容。 我應該使用iframe進行此操作嗎？ JavaScript？ PHP的？ 我沒有任何經驗，但似乎是我的選擇。 哪一個最好，有人可以提供一個起點或指向適合我正在嘗試的教程的鏈接？

到目前為止，這是我的網站： http : //img.photobucket.com/albums/v410/justice4all_quiet/ScreenShot2012-08-23at22259PM.png

這里有一個的jsfiddle： http://jsfiddle.net/BRPNM/

Answer 1

如果中心內容很小，則可以將所有內容加載到一個頁面中，然后使用內聯導航顯示/隱藏相關部分。 這是我在此基本網站上執行的操作（請查看右側按鈕）： http : //usermanagedsolutions.com

如果中心內容很重要，那么為什么不加載整個頁面呢？ 通過良好的設計，將緩存所有頁面共有的部分，並且加載新頁面不會比加載中心內容花費更長的時間。

Answer 2

如果通過“加載頁面”是指加載某些內容（例如“關於”，“照片”），則可以加載所有內容但不可見（在div中設置為display:none; ），並使用jQuery .show() 。

您可以在此處檢查.show的工作方式-請參見演示-： http : .animate()也可以使用.animate()賦予內容一些效果）。

這樣，您的信息將被搜索引擎索引。 你也可以做到這一點只用CSS，但在這種情況下，JS會更快和更清潔。