Fatal编程技术网
  • javascript/
  • Javascript 为侧菜单创建外部文件

Javascript 为侧菜单创建外部文件

javascript jquery html css

Javascript 为侧菜单创建外部文件,javascript,jquery,html,css,include,Javascript,Jquery,Html,Css,Include,如何为侧菜单创建外部文件 目前我在每个文件中都有这样的链接，代码太多了。有没有办法为菜单项创建外部文件 我试过了，但问题是class=“active”。当我的菜单项位于index.php中时，我想突出显示一个菜单项 当我的菜单在每个单独的HTML文件中时，我知道如何实现这一点，但当它在外部PHP文件中时，我该如何实现这一点 Index.php <html> <head> <link rel="stylesheet" type="text/css" href=

如何为侧菜单创建外部文件
目前我在每个文件中都有这样的链接，代码太多了。有没有办法为菜单项创建外部文件

我试过了，但问题是
class=“active”
。当我的菜单项位于index.php中时，我想突出显示一个菜单项 当我的菜单在每个单独的HTML文件中时，我知道如何实现这一点，但当它在外部PHP文件中时，我该如何实现这一点

Index.php

<html>
<head>
  <link rel="stylesheet" type="text/css" href="CSS/Tags.css">
  <link rel="stylesheet" type="text/css" href="CSS/Nav.css">
  <link rel="stylesheet" type="text/css" href="CSS/Card.css">
  <link rel="stylesheet" type="text/css" href="CSS/Buttons.css">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <div class="sidenav">

 <h1>&nbspOthers</h1>
 <a href="" style="font-size: 1.1em;font-weight: 900;">MS Excel</a>
 <a href="" style="font-size: 1.1em;font-weight: 900;">MS PowerPoint</a>
 <a href="" style="font-size: 1.1em;font-weight: 900;">MS Word</a>
 <a href="" style="font-size: 1.1em;font-weight: 900;">WordPress</a>
</div>

</body>
</html>


 Others
主文件

<?php include('index.html'); ?>

<?php include('index.html'); ?>
您不应该使用javascript包含菜单。 您可以使用PHP简单地将菜单（但i sugget header）文件包含到页面中：

<?php include('/template/header.html'); ?>

也可以使用预处理器，如：

@@include（'./template/header.html'）

或者

在评论中谈论你的问题。假设您在主文件夹中，您有以下3个文件：

index.php
header.html
homepage.html
footer.html

index.php
应该是这样的：

<?php
include('header.html');
include('hompage.html');
include('footer.html');
?>
然后在浏览器中打开index.php

**不要同时使用index.html和index.php

如果它不起作用。您的
index.php
文件中应该会出现错误

当你的代码工作时。我建议你使用而不是包含。如果您的另一个文件只是html，并且其中没有任何php代码。

正如所指出的：

您不应该使用javascript包含菜单。您可以使用PHP简单地将菜单（但i sugget header）文件包含到页面中：

<?php include('/template/header.html'); ?>
但是您的文件实际上是
index.php
而不是
index.html

HTML使用CSS更漂亮 如果您想使用
活动类
来“突出显示”项目，则需要CSS。您可以使用
标记在文件中快速添加CSS。请参见下面的示例

    

  • 未突出显示
    • 

  • 仍然没有突出显示
    • 

  • 突出显示！聚光灯在我身上，宝贝

  • 未突出显示
    • 


.主动{
颜色：红色；
字体大小：粗体；
}
不要使用JS包含来自其他页面的静态内容（因为它会向服务器发出额外请求）。相反，您应该能够在HTML发送到浏览器之前在服务器上“包含”内容。具体如何做到这一点取决于您使用的服务器类型及其支持的技术。如果我在Rorymcrossani获得足够的流量，我可能会转到服务器上。我有几个问题：你是文件
.html
还是
.php
文件？文件的命名不清楚，主文件包括
index.html
，另一个文件是
index.php
。您是否在托管网站的服务器/计算机上安装了PHP解释器（如）？如果主机没有PHP解释器，PHP文件中的PHP代码将不会被解释，原因是PHP include无法工作。我应该在我的.html代码中安装一些额外的插件来实现php或其他东西吗？@HaileyAsh你有什么错误吗？主文件（例如：index.php）是否与header.html文件位于同一目录中？将
index.html
的扩展名更改为
index.php
，然后在此文件中使用php代码。好的，让php正常工作不是什么大问题。但正如我在问题中提到的，如何使某个菜单高亮显示我不好，没有看到这一部分：）你可以通过在
活动的
类上添加CSS来实现这一点。您可以在
标记中快速将CSS代码添加到文件中。我将编辑我的答案以涵盖这一部分。我想你误解了我的意思。看，我有10个相同菜单的文件。当我进入A页时，我想突出显示菜单中的A。当我在B页时，我希望B被突出显示。我可以通过在每个html文件中添加代码轻松实现这一点。我的问题是如何使用外部包含文件来放置菜单并实现这一点OK，我想我明白了：您希望在所有其他页面中包含“菜单”文件，并且希望该“菜单”文件自动高亮显示与当前页面对应的链接。是这样吗？