Javascript 将JS函数(外部JS)携带到一个PHP文件,该文件为';包括';在另一个PHP文件中

Javascript 将JS函数(外部JS)携带到一个PHP文件,该文件为';包括';在另一个PHP文件中,javascript,php,html,Javascript,Php,Html,我创建了一个PHP文件(static_designs.PHP),其中包含头的代码。这个php使用调用一个javascript文件(sidebar open close.js)。现在我有了一个页面(mainpage.php),其中包含static_designs.php,使用include'static_designs/static_designs.php' 请注意,static\u designs目录中是我的javascript和php所在的位置 这是目录级别: /mainpage.php /

我创建了一个PHP文件(static_designs.PHP),其中包含头的代码。这个php使用
调用一个javascript文件(sidebar open close.js)。现在我有了一个页面(mainpage.php),其中包含static_designs.php,使用
include'static_designs/static_designs.php'

请注意,
static\u designs
目录中是我的javascript和php所在的位置

这是目录级别:

  • /mainpage.php
  • /static_designs/static_designs.php
  • /静态_designs/sidebar_open-close.js
代码如下:

static_designs.php

 <div class="w3-display-left custom-left-item ">
                <button class="w3-button w3-white w3-large" onclick="w3_open()">☰</button>
 </div>

<div class="w3-sidebar w3-bar-block w3-border-right w3-animate-left" style="display:none" id="mySidebar">
    <button onclick="w3_close()" class="w3-bar-item w3-large">Close &times;</button>
    <a href="#" class="w3-bar-item w3-button">Home</a>
    <a href="#" class="w3-bar-item w3-button">Services</a>
    <a href="#" class="w3-bar-item w3-button">Packages</a>

</div>
<?php
include 'static_designs/static_designs.php';
include 'static_designs/footer.php';

?>
mainpage.php

 <div class="w3-display-left custom-left-item ">
                <button class="w3-button w3-white w3-large" onclick="w3_open()">☰</button>
 </div>

<div class="w3-sidebar w3-bar-block w3-border-right w3-animate-left" style="display:none" id="mySidebar">
    <button onclick="w3_close()" class="w3-bar-item w3-large">Close &times;</button>
    <a href="#" class="w3-bar-item w3-button">Home</a>
    <a href="#" class="w3-bar-item w3-button">Services</a>
    <a href="#" class="w3-bar-item w3-button">Packages</a>

</div>
<?php
include 'static_designs/static_designs.php';
include 'static_designs/footer.php';

?>

注意:页脚在这里不是问题

当我尝试运行static_designs.php时,侧边栏可以工作(关闭和打开),但是当我运行mainpage.php时,格式/css看起来是一样的,但是javascript似乎不工作(按下菜单按钮什么都不做)


之所以选择“include”php文件的方法,是因为许多页面的页眉和页脚是相同的。所以,我的问题是,有没有一种方法可以解决这个问题,或者更推荐一种不同的方法来包括页眉和页脚,而不必复制粘贴到每个页面?
包括“/static\u designs/static\u designs.php”尝试为脚本src使用完整url,如…或。。。始终使用src=“static\u designs/sidebar\u open-close.js”这样的文件夹。这不会直接在侧栏中工作,但会在主页或任何页面上工作。好的。我会试试看,但我很确定在前面加上/只表示目录级别的回溯。看到Good idea@NawedKhan,我肯定会考虑到这一点,但在本地机器上测试时,处理url似乎更难。