使用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会更快和更清洁。