如何在一个地方编写导航栏,并使用html / css / js在所有页面中使用它

时间:2013-02-10 01:20:12

标签: javascript html css

我确信我记得曾经这样做但不记得如何。

我要做的是在一个地方用html编写一个导航栏,让每个页面从文件中获取html代码,并在页面加载时将其添加到页面中。 PHP不起作用(我怀疑我需要一台PHP服务器,我甚至不想使用它)

类似的东西:

Navbar文件:

<div>
    other code...
</div>

主要网页文件:

<html>
    <header>
    </header>

    <body>
    </body>

    <div>
        put navbar file code here...
    </div>
</html>

2 个答案:

答案 0 :(得分:1)

<iframe src="file_with_only_div_content.html" allowtransparency="true" frameborder="0"></iframe>

答案 1 :(得分:0)

你的意思是http://en.wikipedia.org/wiki/Server_Side_Includes服务器端包括?

<!--#include virtual="../quote.txt" -->

这些甚至更受支持了吗?

为了让Web服务器识别启用SSI的HTML文件并执行这些指令,文件名应以特殊扩展名结尾,默认为.shtml,.stm,.shtm,或者,如果服务器配置为允许此操作,请设置文件的执行位。