想请问一下前端不使用构建工具后端不用模板引擎怎么设计一个公共的导航栏

[摄影与代码]

想请问一下前端不使用构建工具后端不用模板引擎怎么设计一个公共的导航栏
目前项目不大，就没必要用vue-cli，但是又不想和后端太耦合，vue-router的话，直接用js引入，但是他的路由跳转的子页面就是手写的组件，怎么才能让他跳转到一个页面去呢，又不想用模板引擎，请问有其他什么比较好的办法吗，感谢各位

[瑞查德]

写个通用函数放到公共js里，用js动态生成元素，搞定

[winzond]

DIV+CSS+iframe能否满足你的需求？

[瑞查德]

引用 2 楼 winzond 的回复:

DIV+CSS+iframe能否满足你的需求？

iframe和页面通信麻烦，还是插入方便

[winzond]

引用 3 楼 guqwiang00 的回复:

[quote=引用 2 楼 winzond 的回复:]
DIV+CSS+iframe能否满足你的需求？

iframe和页面通信麻烦，还是插入方便[/quote]如果不用iframe隔离，页面少还好办，页面太多的话，有可能会造成变量、函数冲突问题。访问只是多一些代码而已，不是做不到

[机智起来自己都害怕]

导航栏的话，我认为这属于一个组件而非页面，其实可以创建一个函数去动态生成