从单独的文件中引入HTML

时间:2011-10-06 22:16:11

标签: jquery html

当您将鼠标悬停在导航链接上时,我有一个会更改页面内容的网站:http://www.dolphinbeams.com/

基本上所有的DIV都在一个页面上,我使用jQuery来显示它们。但是,为了确保与非Javascript浏览器的兼容性,我还为每个页面创建了单独的html文件。

每个页面都有相同的正文内容,具有不同的正文ID和标题。我想知道是否有一种简单的方法可以将身体内容放在一个单独的文件中(用于编辑),然后将其带入所有页面。最简单的方法是什么?

请记住,我对PHP知之甚少,但如果这是最简单的方法,我会考虑它。此外,我还想确保在Javascript被禁用的情况下内容仍然可见。

1 个答案:

答案 0 :(得分:2)

将您的索引从html重命名为.php。

将此行添加到您希望页面显示的位置:

    <? include("contentFile.html"); ?>

不需要其他PHP知识。

例如,您有显示和消失的div。它可能看起来像这样:

   <div id="content1"> 
           <? include("content1.html"); ?>
   </div>

   <div id="content2"> 
           <? include("content2.html"); ?>
   </div>
  ...