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

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

javascript html css

Javascript 如何在一个地方编写导航栏，并使用html/css/js在所有页面上使用它,javascript,html,css,Javascript,Html,Css,我肯定我记得做过一次，但不记得是怎么做的我尝试在一个地方用html编写导航栏，让每个页面从文件中获取html代码，并在页面加载时将其添加到页面中。PHP不工作（我怀疑我需要一个PHP服务器来工作，而我甚至不打算使用它）比如：导航栏文件： <div> other code... </div> 其他代码。。。主网页文件： <html> <header> </header> <body&g

我肯定我记得做过一次，但不记得是怎么做的

我尝试在一个地方用html编写导航栏，让每个页面从文件中获取html代码，并在页面加载时将其添加到页面中。PHP不工作（我怀疑我需要一个PHP服务器来工作，而我甚至不打算使用它）

比如：

导航栏文件：

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


其他代码。。。

主网页文件：

<html>
    <header>
    </header>

    <body>
    </body>

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


把导航条文件代码放在这里。。。

你是说服务器端包括

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

这些都得到支持了吗

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

您是说服务器端包含

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

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

这些都得到支持了吗


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

一个字。AJAX您也可以使用框架，但不鼓励使用框架。每个基本服务器都支持PHP，您为什么不使用它？它就像

require（'menu.php'）

一样简单，完成了！因为我没有使用服务器……那么，你的计算机就是服务器，你只需要安装XAMPP或安装PHP，快速服务器所需的就是

PHP-S localhost:1234

。听起来他不想也不需要使用PHP。为什么是原力，一个字。AJAX您也可以使用框架，但不鼓励使用框架。每个基本服务器都支持PHP，您为什么不使用它？它就像

require（'menu.php'）

一样简单，完成了！因为我没有使用服务器……那么，你的计算机就是服务器，你只需要安装XAMPP或安装PHP，快速服务器所需的就是

PHP-S localhost:1234

。听起来他不想也不需要使用PHP。为什么是原力。我试着这么做，但什么也没发生，现在真的让我很恼火。我不是真的把它放在服务器上。有内容的计算机就是服务器。所以，除非你是用钢笔在记事本上制作网页，否则从技术上讲，你就是。虽然我不确定SSI是否有效。快速谷歌搜索告诉我，如果不是在实际的服务器上，这是不起作用的。听起来您需要设置服务器或使用PHP。或者我想你可以使用javascript，因为这听起来像是个人使用的东西。这正是我所说的html/css/js，而不是php或基于客户端到服务器/服务器到客户端的代码。我尝试过这样做，但什么都没有发生，我现在真的很烦。我不是真的把它放在服务器上。有内容的计算机就是服务器。所以，除非你是用钢笔在记事本上制作网页，否则从技术上讲，你就是。虽然我不确定SSI是否有效。快速谷歌搜索告诉我，如果不是在实际的服务器上，这是不起作用的。听起来您需要设置服务器或使用PHP。或者我想你可以使用javascript，因为这听起来像是个人使用的东西。这正是我所说的html/css/js，而不是php或基于客户端到服务器/服务器到客户端的代码。我想，如果只是为了本地垃圾，这将行得通@为什么不重新设置本地服务器呢？但是如果是为了导航，他必须有一堆javascript来更改父窗口而不是iframe窗口。

可以直接进入iframe文件啊。。。向您展示我使用iFrames的程度。一般来说并不理想，但我想在他的情况下，是的。iframe已经过时了。改用CSS。我想如果只是为了本地垃圾，这会管用的@为什么不重新设置本地服务器呢？但是如果是为了导航，他必须有一堆javascript来更改父窗口而不是iframe窗口。

可以直接进入iframe文件啊。。。向您展示我使用iFrames的程度。一般来说并不理想，但我想在他的情况下，是的。iframe已经过时了。改用CSS。