`

框架标签

阅读更多
主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<frameset rows="80,*" cols="*" frameborder="no" border="1" framespacing="0">
  <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="80,*" frameborder="no" border="1" framespacing="0">
    <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>


top
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	function  popMenu(obj,type){
			if(navigator.appVersion.match(/7./i)=='7.'){	//ie 7
				parent.mainFrame.addPage("index.htm","aaaaa");
			} 
			else if(navigator.appVersion.match(/6./i)=='6.'){//ie6
				parent.mainFrame.addPage("index.htm","aaaaa");
			}
	}
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="4"style="border-collapse: collapse;border:0px solid #99BBEE;height:30px;">
  <TR>
    <td width="90" nowrap align="left" id="baseDict"><span onclick="popMenu(this,0)">基础字典</span></td>
  </TR>
</TABLE>
</body>
</html>

top
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<HEAD>
	<link rel="stylesheet" type="text/css" href="css/comm.css">
	<style>
	.titlt_onMouse{
		background: #008800;
	}
	.title_onblur{
		background: #008800;
	}
	.title{
		font-size:9pt;
		color:#000000;
		font-weight:bold;
		padding-left:1px;
		border:0px solid #010101;
		height:20px;
		text-align: left;
		vertical-align: middle;
		background: #FFFFFF;
		cursor:hand;
	}
	</style>
	</HEAD>
	<script language="javascript" src="javascript/comm.js"></script>
	<script type="text/javascript">
	var pageIndex = "";
	function addTitle(title){
		var tb = document.getElementById("tableTitle");
		var tdTitle = document.createElement("TD");
		tdTitle.className = "title";
		var str = "<table onclick=\"change(this)\" ondblclick=\"closeMe(this)\" style=\"height:20px;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>";
		str += "<td style=\"width:4px;background-image: url('image/l1.gif')\"></td>";
		str += "<td style=\"background-image: url('image/b1.gif');color:#FFFFFF;padding-top:4px;height:20px;\" nowrap=\"nowrap\">"+title+"</td>";
		str += "<td style=\"width:24px;height:20px;background-image: url('image/4.gif')\"></td>";
		str += "</tr></table>";
		tdTitle.innerHTML=str;
		tb.rows[0].appendChild(tdTitle);
	}
	function addFrame(url){
		var div = document.createElement("DIV");
		var frame = document.getElementById("divFrame");
		div.innerHTML="<iframe border=\"0\" scrolling=\"no\" style=\"width:100%;height:100%;border-top: 1px solid #70A6F6;\" frameborder=\"none\"  src=\""+url+"\"></iframe>";
		hiddenOthers(frame.childNodes.length);
		frame.appendChild(div);
	}
	function hiddenOthers(current){//显示当前
		var tb = document.getElementById("tableTitle");
		for(var i=0;i<tb.rows[0].cells.length;i++){
			if(i==current){
				tb.rows[0].cells[i].childNodes[0].rows[0].cells[1].style.fontWeight="bold";
				tb.rows[0].cells[i].childNodes[0].rows[0].cells[1].style.color="#FFFFFF";
				tb.rows[0].cells[i].childNodes[0].style.borderBottom="1px solid #70A6F6";
			}else{
				tb.rows[0].cells[i].childNodes[0].rows[0].cells[1].style.fontWeight="normal";
				tb.rows[0].cells[i].childNodes[0].rows[0].cells[1].style.color="#666666";
				tb.rows[0].cells[i].childNodes[0].style.borderBottom="1px solid #ffffff";
			}
		}
	
		var div = document.getElementById("divFrame");
		for(var i=0;i<div.childNodes.length;i++){
			if(i==current){
				div.childNodes[i].style.display = "block";
			}else{
				div.childNodes[i].style.display = "none";
			}
		}
		pageIndex = current;
	}
	function change(obj){//单击
		hiddenOthers(obj.parentNode.cellIndex);
		if(window.divFrame.childNodes[pageIndex].childNodes[0].src.indexOf("business")==0){//业务单据每进入页面自动重新加载
			refushCurrentPage2(obj.parentNode.cellIndex);
		}
	}
	function closeMe(obj){//双击
		removePage(obj.parentNode.cellIndex);
	}
	function addPage(url,title){//添加
		addTitle(title);
		addFrame(url);
	}
	function removePage(i){//删除
		var tb = document.getElementById("tableTitle");
		var frame = document.getElementById("divFrame");
		tb.rows[0].deleteCell(i);
		frame.childNodes[i].removeNode(true)
		if(i==0){
			hiddenOthers(0);
		}
		else if(i == frame.childNodes.length){
			hiddenOthers(i-1);
		}
		else{
			if(frame.childNodes.length>2){
				hiddenOthers(i);
			}else{
				hiddenOthers(0);
			}
		}
	}
	function closeCurrentPage(){
		removePage(pageIndex);
	}
	function refushCurrentPage(){
		var frame = document.getElementById("divFrame");
		if(window.divFrame.childNodes.length==0){//no page
			return;
		}
		window.divFrame.childNodes[pageIndex].childNodes[0].src = window.divFrame.childNodes[pageIndex].childNodes[0].src;
	}
	function refushCurrentPage2(pageIndex){
		var frame = document.getElementById("divFrame");
		if(window.divFrame.childNodes.length==0){//no page
			return;
		}
		window.divFrame.childNodes[pageIndex].childNodes[0].src = window.divFrame.childNodes[pageIndex].childNodes[0].src;
	}
	//background-image: url(image/ben.jpg)filter:alpha(opacity=50);
	</script>
	<BODY style="margin:0 0 0 0;width:100%;height:100%;">
		<div id="divWork" style="width:100%;height:20px;background: #FFFFFF;">
			<div id="divTitle" style="width:100%;height:20px;">
				<table id="tableTitle" style="margin-top:1px;border-collapse: collapse;background: #ff0000;" border="0" cellpadding="0" cellspacing="0">
					<tr>
					</tr>
				</table>
			</div>
		</div>
		<div id="divFrame" style="width:100%;height:100%;"></div>
	</BODY>
</HTML>

left
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
left
</body>
</html>

分享到:
评论

相关推荐

    html--4.框架标签

    在HTML(超文本标记语言)中,框架标签是用于创建多窗口或部分页面布局的工具,这使得网页设计师可以将一个HTML文档分为多个独立显示的区域。这些标签主要用于实现更复杂的网页设计,允许同时加载和展示不同的网页...

    HTML框架标签超链接标签控件标签PPT教案.pptx

    在本PPT教案中,主要介绍了HTML中的框架标签、超链接标签以及控件标签的使用。 首先,我们来详细了解一下HTML的框架标签。框架标签使得网页可以被划分为多个独立的区域,每个区域可以加载不同的HTML文档。框架由`...

    HTML框架标签超链接标签控件标签PPT学习教案.pptx

    HTML 框架标签、超链接标签、控件标签学习教案 HTML 框架标签是 HTML 文档中的一种基本结构,用于将整个页面划分为几个部分,可以垂直和水平划分。框架集标签 frameset 是 HTML 框架标签中的一种,用于替换 HTML 的...

    HTML框架标签超链接标签控件标签学习教案.pptx

    主要的框架标签包括: 1. **`&lt;frameset&gt;`**:这是一个容器标签,用来替代HTML中的`&lt;body&gt;`标签,用于定义整个页面的框架布局。通过`cols`和`rows`属性,可以指定框架的列数或行数,以及各部分的宽度或高度。 2. **...

    HTML框架标签超链接标签控件标签学习课程.pptx

    HTML框架标签超链接标签控件标签学习课程.pptx

    struts框架与标签.doc

    Struts框架的标签库极大地提高了开发者的工作效率,使得JSP页面更加专注于展示,而不是控制逻辑。例如,Bean标签可以轻松地显示和操作Bean属性,Logic标签则提供了条件判断和循环控制,而HTML标签则简化了表单元素的...

    java进阶超全面javaweb教程28天day1- 19 框架标签的使用

    java进阶超全面javaweb教程28天day1-_19_框架标签的使用

    Struts框架标签库的中文使用文档

    在Struts框架中,标签库是其重要组成部分,用于帮助开发者在JSP页面上更方便地进行视图层的构建,提高代码的可读性和可维护性。 `taglib1.rar`可能是包含Struts框架自定义标签库的详细说明文档。这些标签库通常包含...

    页面框架+tab标签页+换肤

    1、可以换皮肤、其中住框架、具体页面可以统一使用皮肤。 2、tab页标题有右键菜单,新开、全屏打开,刷新。双击标题也可以刷新。 3、可以收放菜单栏。 使用方法: 基本上主框架页面不需要作任何的变动了,直接就...

    Flex的Mate框架标签注解

    欢迎大家下载,多提宝贵意见!!!(*^__^*)

    SSH框架整合通用模板(内涵自定义标签分页)

    4. **自定义标签分页**:在SSH框架中,自定义标签通常用于处理视图层的复杂逻辑,比如数据的分页显示。开发者可以创建一个自定义标签,接收参数如当前页、每页条数等,然后在后台计算总页数,查询相应范围的数据,...

    web网页框架教程

    总的来说,Web网页框架教程主要介绍了HTML框架标签的基本用法,包括如何通过标签定义框架布局,使用标签在框架中加载网页内容,以及如何设置框架的行和列属性来实现网页的分栏。此外,还讲解了框架分栏技术,包括...

    XHTML入门学习教程:框架标签使用

    XHTML入门学习教程中,框架标签的使用是一个重要的概念,主要涉及到如何在浏览器的一个页面内同时展示多个网页。虽然现在框架结构已经不被推荐用于网站设计,但它仍然是学习Web开发历史和技术演进的一个重要环节。 ...

    HTML标签属性大全

    七、框架标签 框架标签是指在HTML文档中用于定义框架的标签,包括、等标签。 标签用于定义框架。标签用于定义框架集。 八、多媒体标签 多媒体标签是指在HTML文档中用于定义多媒体内容的标签,包括、等标签。 ...

    Aurora框架介绍

    Aurora 是一个基于J2EE的Web应用开发框架. 主要面向企业应用,也可用于互联网开发.

    一个项目管理框架

    框架标签进一步强调了这是一个预先设计和实现的软件基础,开发者可以在其上构建应用程序,而无需关注底层基础设施。框架可以包括数据访问、业务逻辑、安全性和用户界面等多个层面的组件,从而简化开发过程并提高代码...

    stuts框架標籤手冊

    Struts框架标签手册是开发Java Web应用程序的重要参考资料,特别是对于使用Struts框架的开发者来说,这些标签极大地简化了视图层的构建。本手册详细介绍了Struts提供的各种标签及其用法,适合新手学习和老手复习。 ...

    Dreamweaver网页设计之:框架.pptx

    1. 插入预置框架样式:单击【插入】工具栏【布局】类别中的【框架】按钮,在弹出的下拉菜单中选择所需的框架类型,即可在页面上插入相应的框架,并弹出【框架标签辅助功能属性】对话框,可为框架指定框架名称。...

Global site tag (gtag.js) - Google Analytics