如何在div里跳转页

实现方法：

1) 把菜单单独放到一个jsp里，然后其它的各个页面去include这个jsp，在各jsp通过脚本控制菜单的显示。

2) 再者就是使用模板语言替代jsp

3) 再者就是用ajax请求，返回结果后重构dom，

4) 如果dom不大的话，也可以一次性加载，然后通过dispaly来控制显示问题。

代码如下：

进入base.jsp页面后，frame可以分别跳转到top,left,right,bottom之类的子页面：

<frame src="${pageContext.request.contextPath}/.../left.action" name="leftFrame" id="leftFrame" >

<DIV id="top-menu"></DIV>

方法/步骤 1、首先我们需要打开Deaweaver软件，新建一个html5文件，并保存下来。 2、我们需要引用Jquery Mobile的css样式表文件，还有jquery.js以及jquery-mobile的js文件，并且将页面调为响应式文件。 3、接下来我们需要新建几个div标签，并为其添加属性data-role="page" 4、这时我们可以按下F12，在浏览器中进行页面的浏览。页面中之后第一个div。 5、之所以只有第一个div是因为，我将所有的div都添加了data-role="page"属性，这样每一个div都是一个jquery mobile页面了。而Jquery Mobile框架式默认的只显示第一个页面。虽然他们都在一个html文档中。 6、我们需要为第一个div加上链接，以实现和其他页面之间的跳转，这个的前提是要给其他div添加一个id属性。 7、最后，我们需要给每个页面分别添加锚记链接，以实现多个页面互相跳转。

这段代码的功能就是把uploadHeadImg.aspx的内容加载到id为mainContent的元素里面去，url并没有跳转呀。还有你的a属性这样写不规范，应该这样：

<li><a href="javascript:" onclick="loadPage('mainContent','uploadHeadImg.aspx')">设置</a></li>

---