Javascript 当页面标题是包含在多个页面中的单独html文件时，在标题中显示页面标题

我创建了一个带有侧菜单的顶部栏，以便浏览多个页面。我想根据加载的页面在顶部栏中显示页面标题。这是我最喜欢的酒吧：

函数openNav（）{ document.getElementById（“mySidepanel”）.style.width=“280px”； } 函数closeNav（）{ document.getElementById（“mySidepanel”）.style.width=“0”； } var dropdown=document.getElementsByClassName（“dropdownbtn”）； var i； 对于（i=0；i

body，html{
填充：0；边距：0；
背景色：#F4；
}
#包装头{
颜色：白色；
字号：28px；
浮动：左；
宽度：105%；
高度：65px；
背景色：#2E2D30；
}
#主割台{
位置：相对位置；
宽度：1200px；
左：50%；
左边距：-580px；
高度：自动；
}
.页面标题{
位置：绝对位置；
高度：20px；
左：25%；
最高：45%；
转换：翻译（-50%，-50%）；
}
.侧面板{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
溢出x：隐藏；
填充顶部：60px；
过渡：0.5s；
}
.侧面板a、.下拉列表btn{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
边界：无；
背景：无；
过渡：0.3s；
大纲：无；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
}
.侧面板a:悬停，.下拉列表btn:悬停{
颜色：#f1f1；
}
.侧面板.关闭{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
.openbtn{
字体大小：20px；
光标：指针；
背景色：#2E2D30；
颜色：白色；
填充：10px 15px；
边界：无；
转换：比例（1.6）；
}
.openbtn:悬停{
背景色：rgb（53,53,53）；
}
.下拉式容器{
显示：无；
背景色：#262626；
左侧填充：8px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
}
.fa插入符号向下{
左边距：18px；
浮动：对；
右侧填充：2px；
}

☰
页面标题
帕拉恩佩扎尔

参考这一点，它解决了相同的问题（即在其他文件中重用html文件）

您可以使用jQuery轻松地完成此操作

---

最新答案 只需将此功能添加到页面：

function setPageName(pageName) {
  var title = $('.page-title');
  title.text(pageName);
}

---

并确保在将其他html文件加载到此页面后运行它[]

这个答案解释了如何将一个单独的html文件包含到多个页面中。我已经在用jQuery做这件事了。我要问的是如何在通用html文件中显示页面标题。该标题应根据其显示的页面进行更改。我已尝试过，但不起作用。我已尝试将其添加到标题代码和index.html中，其中的页面标题旨在获取并显示在顶部栏中。我也怀疑在我有页面标题文本的地方该怎么做，我是否必须删除文本并将其留空？不，你不必这样做，即使其中有文本，它也应该有效。