我创建了一个PHP文件( static_designs.php ),其中包含标头的代码。此php使用<script src="sidebar_open-close.js"></script>
调用一个javascript文件( sidebar-open-close.js )。现在,我有了一个页面( mainpage.php ),其中包含使用include 'static_designs/static_designs.php';
请注意,在static_designs
目录中是我的JavaScript和php所在的目录。
这是目录级别:
以下是代码:
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 ×</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>
sidebar_open-close.js
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
mainpage.php
<?php
include 'static_designs/static_designs.php';
include 'static_designs/footer.php';
?>
注意:页脚在这里不是问题。
当我尝试运行 static_designs.php 时,侧边栏起作用(关闭并打开),但是当我运行 mainpage.php 时,format / css看起来相同,但是javascript似乎不起作用(按菜单按钮无法执行任何操作)。
我要选择方法“ include” php文件的原因是,许多页面的页眉和页脚都相同。因此,我的问题是,是否有一种方法可以解决此问题,或者更推荐使用其他方法来包含页眉和页脚,而不必将其复制粘贴到每个页面上?