inc.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
request.setAttribute("basePath",basePath);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'inc.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="${basePath}/js/jquery-1.8.2.js"></script>
<script type="text/javascript">
var jspath=getRootPath();
//获取项目根路径
function getRootPath(){
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.location.href;
//获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
var pathName=window.document.location.pathname;
var pos=curWwwPath.indexOf(pathName);
//获取主机地址，如： http://localhost:8083
var localhostPaht=curWwwPath.substring(0,pos);
//获取带"/"的项目名，如：/uimcardprj
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
return(localhostPaht+projectName);
}
</script>
</head>
</html>
index.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<jsp:include page="../layout/inc.jsp" />
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
function doMenu(param){
var iframe=document.getElementById("centerframe");
if(param==1){
iframe.src=jspath+"/layout/a1.jsp";
}else if(param==2){
iframe.src=jspath+"/layout/a2.jsp";
}
}
</script>
</head>
<frameset rows="50,*,40">
<frame id="topframe" name="topframe" src="${basePath}/layout/top.jsp">
<frame id="centerframe" name="centerframe" src="${basePath}/layout/center.jsp">
<frame id="bottomframe" name="bottomframe" src="${basePath}/layout/bottom.jsp">
</frameset>
</html>
center.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<jsp:include page="../layout/inc.jsp" />
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'center.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
//链接
function doLink(param){
var iframe=document.getElementById("mainframe");
$.ajax({
type: "POST",
dataType: "json",
url: jspath+param,
success: function(data) {
alert(data);
iframe.src=jspath+data;
}
});
}
</script>
</head>
<frameset cols="30%,70%">
<frame id="leftframe" name="leftframe" src="${basePath}/layout/left.jsp">
<frame id="mainframe" name="mainframe" src="${basePath}/layout/main.jsp">
</frameset>
</html>
/**
* @author chenzheng
* @since 2013-8-25
* @Description: 链接一
* @throws
* @return
* @throws Exception
* String
*/
public String doLink1Action() throws Exception {
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
PrintWriter pw = null;
try {
pw = response.getWriter();
pw.write("/layout/a1.jsp");
} catch (IOException e) {
e.printStackTrace();
}
pw.flush();
pw.close();
return null;
}
/**
* @author chenzheng
* @since 2013-8-25
* @Description: 链接二
* @throws
* @return
* @throws Exception
* String
*/
public String doLink2Action() throws Exception {
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
PrintWriter pw = null;
try {
pw = response.getWriter();
pw.write("/layout/a2.jsp");
} catch (IOException e) {
e.printStackTrace();
}
pw.flush();
pw.close();
return null;
}
效果图：
相关推荐
2. **可访问性问题**：对于屏幕阅读器用户和其他辅助技术来说，frameset布局可能造成困扰，因为它们需要额外的努力来理解页面结构。 3. **浏览器兼容性**：虽然大多数现代浏览器仍支持frameset，但不保证所有设备和...
2 使用Frameset+Table布局（div也可） 3 对用户ID和用户名、口令不符合条件及时判断 4 对口令不一致进行及时判断 对34的及时判断，要求提示信息必须显示在同一个页面 也就是说显示在当前的行的后面或者上面或者下面 ...
frameset与div布局的优缺点比较 ...在选择前端布局时，DIV布局方式是一种更加明智的选择，它可以弥补掉Frameset布局的一些局限和缺点，并且也可以使用其他手段完成Frameset布局的优点，且实现难度较小。
以下是一个简单的Frameset布局示例： ```html <!DOCTYPE html> <title>Frameset布局示例 <frameset rows="50%, 50%"> <frameset cols="50%, 50%"> </frameset> </frameset> ``` 这个例子将页面分为...
在讨论解决frameset布局中frame src路径页面不加载的问题之前，我们首先要了解frameset和frame的概念。HTML中的frameset是一个框架集的标签，它用来将浏览器窗口分割为不同的框架，每个框架可以加载不同的HTML文档。...
标题"frameset左中右形式的模板"所指的，就是一种典型的页面布局，将网页空间分为左侧、中间和右侧三个部分。 在"frameset左中右形式的模板"中，我们通常会看到以下结构： ```html <!DOCTYPE html> 左中右框架...
"工具"可能是指用于处理frameset的开发辅助工具，例如浏览器的开发者工具或者某些代码编辑器的插件，这些工具可以帮助开发者更好地调试和优化frameset布局。 在"frameset"这个压缩包文件中，没有具体的文件名列表，...
本文将详细介绍如何通过frameset布局来实现背景图片的有效展示，并且会结合具体的HTML代码示例进行说明。 ### frameset框架集基础 Frameset（框架集）是一种在网页中显示多个独立文档的技术。这种技术允许在一个...
4. **设置滚动条**：为了在\frameset布局中显示滚动条，我们可以在`<frameset>`标签中添加`style="overflow: scroll;"`属性。同时，针对特定框架，也可以在`<frame>`标签中设置`scrolling="auto"`或`scrolling="yes...
在frameset布局中，主要有两个关键元素：`<frameset>`和`<frame>`。`<frameset>`元素定义了整个页面的框架结构，可以设置列(`cols`)或行(`rows`)属性来决定框架的数量和尺寸。`<frame>`元素则定义了每个框架的具体...
在网页设计领域，`div+css`布局是一种广泛使用的、代替传统`frameset`布局的技术。`frameset`布局在早期的网页设计中颇为流行，它允许我们将浏览器窗口分割成多个独立显示区域，每个区域可以加载不同的网页内容。...
5. 在实际开发中，由于frameset布局存在不利于搜索引擎优化、网页内容加载较慢以及用户体验不佳等问题，建议使用CSS和HTML5的其他布局技术（如Flexbox、Grid或者现代的CSS框架）来实现复杂布局。 下面提供的示例...
在HTML的历史发展中，"frameset" 和 "frame" 是早期用于实现多窗口或区域页面布局的技术。这些技术允许开发者将网页分割成多个独立的部分，每个部分可以加载不同的网页内容，从而实现更复杂的界面设计。 **frameset...
- 探索不同布局方式（Table布局与Frameset布局）的优缺点，以适应不同设计需求。 2. **Table布局**： - Table是HTML中用于呈现表格数据的元素，但在网页设计中常被用于布局，通过表格的行(row)和列(column)设置，...
标题“利用frameset管理页面的布局”指向了一个关于如何使用frameset来构建网页布局的教程或讨论。尽管现在不推荐使用frameset，了解其工作原理仍然是有用的，尤其是在处理旧代码库或理解历史项目时。 frameset的...
FrameSet 框架布局聊天室.zip 非常好的实例
总的来说，通过熟练运用`div`和CSS，我们可以创建出与`frameset`类似甚至更灵活的布局，同时避免了`frameset`带来的问题。这要求开发者具备良好的CSS理解和实践能力，以便根据具体需求调整和优化布局。在现代Web开发...
`div`（division）是网页布局的基础，而`frameset`则用于创建多窗口或者区域的页面布局。在这个场景中，“实现div 遮罩 frameset”意味着在`frameset`布局的网页上，使用`div`来实现一个可移动的遮罩层或弹出窗口。 ...