如何使多个html共用一段导航
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使多个html共用一段导航相关的知识，希望对你有一定的参考价值。
我用script调用没反应，如果只是调用一点点的话还行 代码一多就失效了。
<html>
<div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
<h3><a href="#">信息职能操作</a></h3>
<div class="h3_cat">
<div class="shadow">
<div class="shadow_border">
<ul>
<li><a href="bizhtml/新品建档.html">新品建档</a></li>
<li><a href="bizhtml/新品目录对照.html">新品目录对照</a></li>
<li><a href="bizhtml/新品关联合同.html">新品关联合同</a></li>
<li><a href="bizhtml/商品调售价.html">商品调售价</a></li>
<li><a href="bizhtml/商品资料维护.html">商品资料维护</a></li>
<li><a href="bizhtml/取消合同对照.html">取消合同对照</a></li>
<li><a href="bizhtml/流转途径控制.html">流转途径控制</a></li>
<li><a href="bizhtml/负卖控制.html">负卖控制</a></li>
<li><a href="bizhtml/取消目录对照.html">取消目录对照</a></li>
<li><a href="bizhtml/门店自定价.html">允许门店自定价商品</a></li>
</ul>
</div>
</div>
</div>
</div>
</html>
这是其中一段代码，里面有单引号 也有双引号，求大神！下面是我做出来的成品 因为左边导航都是一样的，要改其中的内容就要把所有的html文件一起改，很麻烦！而且二级菜单要延伸出来的！求大神！
但有一个将就可以用的办法，就iframe，就是框架，你把整个网页分成上、下，或者左、右，把你说的导航放在一个html文件里，就可以用iframe来引用了追问
主要是我的导航会溢出到别的模块上去 iframe 不能溢出 导航只能咋自己的框架里面！跪求方法啊
追答那只能用JS，动态生成菜单了，JS可以放在同一个文件里，所有html文件都去引用这一个js文件
参考技术A;两种方法:
把导航单独放在一个文件,每个页面都通过iframe进行引入
把导航的代码写成js的字符串,通过js插到页面中
或者，可以使用dw的 组件 或者 模板，不过这样会在文件内生成dw的代码，有可能被adobe发现，发律师函（当然如果你用正版的dw就不用理会这个了）。 参考技术C 复制HTML代码，粘贴，然后自己在javascript里面调试，基本都是这样干的。这里其实考验到了你的CSS能力。 参考技术D 这个可以制作网页模板，后面的网页制作可以调用模板相同的部分。本回答被提问者采纳
如何使导航标题居中？
【中文标题】如何使导航标题居中？【英文标题】：How can I center the Navigation Title? 【发布时间】：2021-07-27 11:08:54 【问题描述】：我已经尝试了一段时间，但是我所做的一切都没有得到想要的结果。明确一点，我不想使用内联显示模式，我想要一个大标题但居中。
这是我想要做的：
我最好的尝试是这样的工具栏
.navigationBarTitleDisplayMode(.inline)
.toolbar
ToolbarItem(placement: .principal)
Text("Title")
.font(.manrope(.bold(), size: 30)
.accessibilityAddTraits(.isHeader)
.padding(.top, 75)
当您导航和/或返回页面时，虽然这在第一页上运行良好，但标题消失了。
理想情况下，我想使用初始化器使标题居中，就像我对字体所做的那样：
init()
UINavigationBar.appearance().largeTitleTextAttributes = [.font : UIFont(name: "Manrope-Bold", size: 30)!]
【问题讨论】：
【参考方案1】：好吧，如果你不想要内联显示模式，我的第一个想法是使用带参数的文本。
类似
...
Text("Settings")
.font(.largetitle)
.frame(maxWidth: .infinity, alignment: .center)
...
把它放在你的菜单前面，我猜这看起来很不错。
【讨论】：
是的，那是我的备份解决方案 如果这将是您对该问题的解决方案，您可以将我的答案标记为“解决方案”:) 因为我还在寻找解决方案，所以我不会标记你的答案，但如果我没有得到任何其他答案，我会稍后再做以上是关于如何使多个html共用一段导航的主要内容，如果未能解决你的问题，请参考以下文章