使用iframe或javascript将内容加载到div中

时间:2012-08-23 20:41:39

标签: php javascript html css iframe

我正在为我的乐队建立一个网站。我已完成主页面。我想将其他页面加载到中心div #center_content而不更改/重新加载页面上的任何其他内容。我应该用iframe这样做吗? JavaScript的? PHP?我没有任何经验,但他们似乎是我的选择。哪一个是最好的,有人可以提供一个起点或链接到适合我正在尝试做的教程?

到目前为止,这是我的网站: http://img.photobucket.com/albums/v410/justice4all_quiet/ScreenShot2012-08-23at22259PM.png

这是一个jsFiddle: http://jsfiddle.net/BRPNM/

2 个答案:

答案 0 :(得分:0)

如果中心内容很小,则可以在一个页面中加载所有内容,然后使用内联导航显示/隐藏相关部分。这就是我在这个基本网站上的做法(查看右侧按钮): http://usermanagedsolutions.com

如果中心内容很重要,那么为什么不加载整页?通过良好的设计,所有页面共有的部分都将被缓存,加载新页面所需的时间不会比加载中心内容的时间长。

答案 1 :(得分:0)

如果通过“加载页面”表示加载某些内容(例如“约”,“照片”),则可以加载所有内容但不可见(在div设置为display:none;)并使用以下内容显示这些div jQuery .show()

你可以在这里查看.show的工作原理 - 参见demo-:http://api.jquery.com/show/(你也可以使用.animate()给内容一些效果)。

这样您的信息将被搜索引擎编入索引。你也可以只使用CSS,但在这种情况下,JS会更快更干净。