如何插入相同的下拉菜单在许多html文件没有php

lymgl2op  于 2023-08-01  发布在  PHP
关注(0)|答案(2)|浏览(109)

我需要上传到一个亚马逊S3桶的网站,有超过50页,并对他们每个人都有一个导航栏在顶部是使用PHP插入。但是Amazon S3 bucket不支持php,我需要用JavaScript重新做导航栏。我用JavaScript做了一个下拉菜单,在一个页面上工作得很好。
但我想有一个单一的文件包含下拉菜单,这是插入在所有50页,所以,如果我需要编辑的东西,我只做一次,而不是50次。
我知道如何使用JavaScript在多个页面中插入一些内容(我已经使用了this post的答案之一)
但如果我插入的内容是用于生成与JavaScript一起工作的下拉菜单的html代码,则这不起作用。
所以我的问题是,有没有一种方法可以只用JavaScript来做这样的事情,这样它就可以在Amazon S3桶上工作?

az31mfrm

az31mfrm1#

如果你不能在S3上使用PHP,你必须把网站放在那里,那么像React这样的前端框架可能是一条路。让导航菜单成为一个React组件,那么在每个页面上包含它就变得很容易了。否则,把网站放在别的地方。

des4xlb0

des4xlb02#

假设你的bucket中有一个added the same script to every HTML文件:

<script src="jquery-1.6.1.js"></script>
<script src="MY_FILE.js"></script>

字符串
现在,在这个自定义JS文件中,您可以添加以下内容:

var $ = jQuery;
$(document).ready(function() { ...your code here... }


使用上面的方法,您可以使用whatever method you choose插入下拉菜单。

相关问题