如何实现左侧菜单栏不动，中间内容页面变化

[fish_whale]

如何实现左侧菜单栏不动，随着点击不同菜单，中间内容变化加载不同页面，我用了load的方法，但是如果只加载进来片段，JS失效，加载进来整个页面，JS生效但是无法进行调试，想知道有没有更好的方法

[fish_whale]

引用 1 楼 qq_34309305 的回复:

把一个页面分为左侧菜单和右侧内容，左侧参考下面实现。 https://blog.csdn.net/qq_34309305/article/details/77646340 右侧根据菜单选择内容自动切换

内容页有很多个，显示隐藏的方法不适合

[75闪光雷]

引用 2 楼 fish_whale 的回复:

[quote=引用 1 楼 qq_34309305 的回复:] 把一个页面分为左侧菜单和右侧内容，左侧参考下面实现。 https://blog.csdn.net/qq_34309305/article/details/77646340 右侧根据菜单选择内容自动切换

内容页有很多个，显示隐藏的方法不适合[/quote] 不是显示隐藏，右侧每次都是重新加载，左侧是固定的

[天际的海浪]

如果加载整个页面最简单的是用iframe。 如果是用ajax加载的话，实际上是把加载的文件中的html内容写到当前页面中。这就要求加载的内容中所有相对链接的url地址都要相对于当前页面，加载内容中的js也是在当前页面中执行，这就要注意不要和当前页面中原有的js起冲突。

[75闪光雷]

把一个页面分为左侧菜单和右侧内容，左侧参考下面实现。 https://blog.csdn.net/qq_34309305/article/details/77646340 右侧根据菜单选择内容自动切换