`

框架标签

框架XHTMLIEHTML 
阅读更多
主页面 
<!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>
分享到：
| spring propertyplaceholderconfigurer
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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. **...

    Wabacus框架标签手册.pdf

    根据提供的《Wabacus框架标签手册》文档，我们可以了解到该手册是关于Wabacus框架配置与使用的详尽指南。Wabacus是一款专为快速开发报表应用而设计的Java开源框架，它提供了丰富的功能来帮助开发者轻松创建复杂报表...

    三菱FX3U伺服控制入门教程：定位控制详解及程序框架标签分层说明,FX3U和三菱伺服控制的框架标准程序，适合新手学习定位用 用 标签分层，说明了定位控制中的公共参数设定、回原点、JOG手动、绝对定位

    三菱FX3U伺服控制入门教程：定位控制详解及程序框架标签分层说明,FX3U和三菱伺服控制的框架标准程序，适合新手学习定位用。 用 标签分层，说明了定位控制中的公共参数设定、回原点、JOG手动、绝对定位、相对定位、...

    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应用开发框架. 主要面向企业应用，也可用于互联网开发.

    一个项目管理框架

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

    数据治理之数据标签体系建设模板集合（标签属性+框架+流程）.pdf

    "数据治理之数据标签体系建设模板集合（标签属性+框架+流程）" 数据治理之数据标签体系建设模板集合是指在数据治理过程中，对数据标签进行分类、定义、创建、编辑、审批、发布、执行、查询、更新、失效等生命周期...

Magicbox
Global site tag (gtag.js) - Google Analytics