Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用iframe或javascript将内容加载到div中_Php_Javascript_Html_Css_Iframe - Fatal编程技术网

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

Php 使用iframe或javascript将内容加载到div中,php,javascript,html,css,iframe,Php,Javascript,Html,Css,Iframe,我正在为我的乐队建一个网站。我已经完成了主页。我希望在不更改/重新加载页面上任何其他内容的情况下,将其他页面加载到center div,#center_content。我应该用iframes做这个吗?JavaScript?PHP?我在这些方面都没有经验,但它们似乎是我的选择。哪一个是最好的,有人能提供一个起点或链接到一个教程,将适合我的尝试吗 以下是我目前的网站: 下面是一个JSFIDLE: 如果中心内容较小,则可以在一个页面中加载所有内容,然后使用内联导航显示/隐藏相关部分。这就是我在这个基

我正在为我的乐队建一个网站。我已经完成了主页。我希望在不更改/重新加载页面上任何其他内容的情况下,将其他页面加载到center div,#center_content。我应该用iframes做这个吗?JavaScript?PHP?我在这些方面都没有经验,但它们似乎是我的选择。哪一个是最好的,有人能提供一个起点或链接到一个教程,将适合我的尝试吗

以下是我目前的网站:

下面是一个JSFIDLE:

如果中心内容较小,则可以在一个页面中加载所有内容,然后使用内联导航显示/隐藏相关部分。这就是我在这个基本站点上的操作方式(查看右侧按钮):

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

如果“加载页面”是指加载某些内容(如“关于”、“照片”),则可以加载所有内容,但不可见(在divs中设置为
显示:无;
)并使用jQuery
.show()
显示这些div

您可以在此处检查.show的工作原理-参见演示-:(您也可以使用
.animate()
为内容提供一些效果)


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

阿贾克斯。研究jQuery和ajax为什么不想在页面上重新加载其他内容?你不想被搜索引擎找到吗?爬虫程序通常不运行JavaScript,iFrame是有问题的,因为爬虫程序会发现它们,人们通常会在没有导航的情况下链接到内部页面。由于缓存的原因,呈现标题和后续页面点击中没有的内容并不是很大的负担。或者,将所有内容放在一个页面上,并切换导航中可见的内容。不过我不会这样做。我可能会建议你不要做你所要求的关于将内容加载到同一页面的事情。这种技术适用于搜索结果页面,但不适用于单个网站页面。这是因为像谷歌这样的搜索引擎更喜欢在一个网站上抓取普通页面,这些页面有很好的关键词重的页面标题或目录名,我建议您查看PHP includes,它可以让您有一个单独的页眉、页脚等,您可以在每个页面上引用这些页面,从而减少网站的维护。祝你好运:)