frame经典框架:上、左、右、下
这是页面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/WEB-INF/jsp/common/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset rows="54,6,*,24" frameborder="NO" border="0" framespacing="0" marginwidth="0" marginheight="0" id=rowFrame>
<frame src="top页面" name="topFrame" scrolling="NO" noresize id=topFrame>
<frameset cols="185,*" frameborder="0" border="0" framespacing="0" id=colFrame marginwidth="0" marginheight="0">
<frame src="left页面" name="leftFrame" frameborder="no" scrolling="auto" noresize id=leftFrame>
<frameset cols="6,*" frameborder="no" border="0" framespacing="0" marginwidth="0" marginheight="0">
<frame src="可添加脚本将左边页面收缩" name=pushFrame scrolling="no" marginwidth="0" marginheight="0" noresize id=pushFrame>
<frame src="右边主页面" name="mainFrame" scrolling="auto" noresize id=mainFrame>
</frameset>
</frameset>
<frame src="底部页面" name="bottomFrame" noresize scrolling="no">
</frameset>
<noframes>
<body marginwidth="0" marginheight="0">
</body>
</noframes>
</html>
在frame中如果用到了ajax的局部刷新那么需在ajax回调函数下面加上如下代码:
self.parent.frames[3].name='右边主页面id'
这里的3是frame中的第几个页面因为在ajax请求之后会改变这里这个name的值,使页面不能在右边显示而弹出新的窗体
需要在这里将值改回来