html如何点击菜单之后页面的内容会改变

可以使用iframe，iframe内部是另外一个页面，在点击菜单的时候动态改变iframe的地址。

也可以使用页面路由，一般在vue,layui等框架可以使用路由切换页面内容显示。

还有就是可以使用自定义方法，在点击菜单的时候，更改页面当中的html，如："document.getElementById('content').innerHTML='页面内容2'"。

因为iframe 有个默认高 好像记得是150 还是300的 你要在页面里面用iframe 最好做到iframe自适应子页面的高度，， 像你这个情况 建议不要用iframe写 ，，后台语言可以做成一个通用的头部再引用，，除非是内容特别多，想实现前端这样引入 最好用jquery load

不该用iframe，你可以用引用的方法。

1、把html的扩展名改为shtml

2、在页面顶部添加<!--#include file="menu.html"-->

menu.html就是你要载入的菜单导航。

---