iframe和frameset的后台设置

最新推荐文章于 2023-07-10 10:18:49 发布
最新推荐文章于 2023-07-10 10:18:49 发布
阅读量1.7k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pkgray/article/details/27172315
版权

使用iframe

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容管理系统1232222222</title>
<style>
body
{
  scrollbar-base-color:#C0D586;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-shadow-color:DEEFC6;
}
</style>
</head>
<iframe width="100%" height="90px" scrolling="no" frameborder="no" border="0" framespacing="0" src="__INDEX__/top" class="hack-top"></iframe>
<iframe width="14%" height="1000px" class="left" scrolling="auto" frameborder="no" border="0" framespacing="0" src="__INDEX__/web_base_menu"></iframe>
<iframe width="85%" height="1000px" name="right_iframe" scrolling="auto" frameborder="no" border="0" framespacing="0" src="__INDEX__/base_ranks"></iframe>




</html>

使用frameset 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容管理系统</title>
<style>
body
{
  scrollbar-base-color:#C0D586;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-shadow-color:DEEFC6;
}
</style>
</head>
<frameset rows="60,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="__INDEX__/top" name="topFrame" scrolling="no">
  <frameset cols="180,*" name="btFrame" frameborder="NO" border="0" framespacing="0">
    <frame src="__INDEX__/web_base_menu" noresize name="menu" scrolling="yes">
    <frame src="__INDEX__/base_ranks" noresize name="main" scrolling="yes">
  </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>top</title>
<link href="__PUBLIC__/skin/css/base.css" rel="stylesheet" type="text/css">
<script language='javascript'>
var preFrameW = '206,*';
var FrameHide = 0;
var curStyle = 1;
var totalItem = 9;
function ChangeMenu(way){
	var addwidth = 10;
	var fcol = top.document.all.btFrame.cols;
	if(way==1) addwidth = 10;
	else if(way==-1) addwidth = -10;
	else if(way==0){
		if(FrameHide == 0){
			preFrameW = top.document.all.btFrame.cols;
			top.document.all.btFrame.cols = '0,*';
			FrameHide = 1;
			return;
		}else{
			top.document.all.btFrame.cols = preFrameW;
			FrameHide = 0;
			return;
		}
	}
	fcols = fcol.split(',');
	fcols[0] = parseInt(fcols[0]) + addwidth;
	top.document.all.btFrame.cols = fcols[0]+',*';
}


function mv(selobj,moveout,itemnum)
{
   if(itemnum==curStyle) return false;
   if(moveout=='m') selobj.className = 'itemsel';
   if(moveout=='o') selobj.className = 'item';
   return true;
}

function changeSel(itemnum)
{
  curStyle = itemnum;
  for(i=1;i<=totalItem;i++)
  {
     if(document.getElementById('item'+i)) document.getElementById('item'+i).className='item';
  }
  document.getElementById('item'+itemnum).className='itemsel';
}

</script>
<style>
body { padding:0px; margin:0px; }
#tpa {
	color: #009933;
	margin:0px;
	padding:0px;
	float:right;
	padding-right:10px;
}

#tpa dd {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2px;
}

#tpa dd.ditem {
	margin-right:8px;
}

#tpa dd.img {
  padding-top:6px;
}

div.item
{
  text-align:center;
	background:url(__PUBLIC__/skin/images/frame/topitembg.gif) 0px 3px no-repeat;
	width:82px;
	height:26px;
	line-height:28px;
}

.itemsel {
  width:80px;
  text-align:center;
  background:#226411;
	border-left:1px solid #c5f097;
	border-right:1px solid #c5f097;
	border-top:1px solid #c5f097;
	height:26px;
	line-height:28px;
}

*html .itemsel {
	height:26px;
	line-height:26px;
}

a:link,a:visited {
 text-decoration: underline;
}

.item a:link, .item a:visited {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.itemsel a:hover {
	color: #ffffff;
	font-weight: bold;
	border-bottom:2px solid #E9FC65;
}

.itemsel a:link, .itemsel a:visited {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.itemsel a:hover {
	color: #ffffff;
	border-bottom:2px solid #E9FC65;
}

.rmain {
  padding-left:10px;
  /* background:url(__PUBLIC__/skin/images/frame/toprightbg.gif) no-repeat; */
}
</style>
</head>
<body bgColor='#ffffff'>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="__PUBLIC__/skin/images/frame/topbg.gif">
  <tr>
    <td width='20%' height="60"><img src="__PUBLIC__/skin/images/frame/logo.gif" /></td>
    <td width='80%' align="right" valign="bottom">
    	<table width="750" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td align="right" height="26" style="padding-right:10px;line-height:26px;">
        	您好：<span class="username"></span><{name}>，欢迎您的回来!
        	[<a href="/index" target="_blank">网站主页</a>]
        	[<a href="/adminlogin/admin_one" target="main">修改密码</a>]
        	[<a href="/adminlogin/out_login" target="_top">注销退出</a>] 
      </td>
      </tr>
      <tr>
        <td align="right" height="34" class="rmain">
		<dl id="tpa">
		<dd class='img'><a href="javascript:ChangeMenu(-1);"><img vspace="5" src="__PUBLIC__/skin/images/frame/arrl.gif" border="0" width="5" height="8" alt="缩小左框架"  title="缩小左框架" /></a></dd>
		<dd class='img'><a href="javascript:ChangeMenu(0);"><img vspace="3" src="__PUBLIC__/skin/images/frame/arrfc.gif" border="0" width="12" height="12" alt="显示/隐藏左框架" title="显示/隐藏左框架" /></a></dd>
		<dd class='img' style="margin-right:10px;"><a href="javascript:ChangeMenu(1);"><img vspace="5" src="__PUBLIC__/skin/images/frame/arrr.gif" border="0" width="5" height="8" alt="增大左框架" title="增大左框架" /></a></dd>
		<dd><div class='itemsel' id='item1' onMouseMove="mv(this,'move',1);" onMouseOut="mv(this,'o',1);"><a href="__INDEX__/web_base_menu" οnclick="changeSel(1)" target="menu">后台首页</a></div></dd>
		<dd><div class='item' id='item2' onMouseMove="mv(this,'m',2);" onMouseOut="mv(this,'o',2);"><a href="__INDEX__/web_base_menu" οnclick="changeSel(2)" target="menu">网站信息</a></div></dd>
		</dl>
		</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

web_base_menu 

<html>
<head>
<title>menu</title>
<link rel="stylesheet" href="__PUBLIC__/skin/css/base.css" type="text/css" />
<link rel="stylesheet" href="__PUBLIC__/skin/css/menu.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language='javascript'>var curopenItem = '1';</script>
<script language="javascript" type="text/javascript" src="__PUBLIC__/skin/js/frame/menu.js"></script>
<base target="main" />
</head>
<body target="main">
<table width='99%' height="100%" border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td style='padding-left:3px;padding-top:8px' valign="top">
	<!-- Item 1 Strat -->
      <dl class='bitem'>
        <dt onClick='showHide("items0_1")'><b>志愿项目</b></dt>
        <dd style='display:block' class='sitem' id='items0_1'>
          <ul class='sitemu'>
            <li>
              <div class='items'>
                <div class='fllct'><a href='__INDEX__/base_ranks' target='main'>队伍资料</a></div>
              </div>
            </li>
            <li><a href='__INDEX__/project_examine_list' target='main'>参与项目</a> </li>
          </ul>
        </dd>
      </dl>
      <!-- Item 1 End -->
	<!-- Item 1 Strat -->
      <dl class='bitem'>
        <dt onClick='showHide("items0_3")'><b>志愿者</b></dt>
        <dd style='display:block' class='sitem' id='items0_3'>
          <ul class='sitemu'>
            <li>
              <div class='items'>
                <div class='fllct'><a href='__INDEX__/volunteer_list' target='main'>志愿者列表</a></div>
              </div>
            </li>
            <li><a href='__INDEX__/volunteer_add' target='main'>添加志愿者</a> </li>
            <li><a href='__INDEX__/volunteer_examine_list' target='main'>志愿者审核</a> </li>
          </ul>
        </dd>
      </dl>
<!-- Item 1 Strat -->
      <dl class='bitem'>
        <dt onClick='showHide("items1_1")'><b>新闻动态</b></dt>
        <dd style='display:block' class='sitem' id='items1_1'>
          <ul class='sitemu'>
            <li>
              <div class='items'>
                <div class='fllct'><a href='__INDEX__/article' target='main'>添加动态</a></div>
              </div>
            </li>
          </ul>
        </dd>
      </dl>
	  </td>
  </tr>
</table>
<script type="text/javascript">
showHide("items0_3");
showHide("items1_1");
</script>
</body>
</html>

base_ranks 

<!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>
<style type="text/css">
body{
	font-size:12px;
}
td{
	border:1px dashed #CCC;
}
</style>
</head>

<body>
<table style="border:1px solid #CCC;" width="800" border="0" align="center">
  <tr>
    <td width="227" rowspan="4" align="center" valign="middle"><img src="__PUBLIC__/upfile/ranks/<{ranks.ranks_face}>" width="200" height="200" /></td>
    <td height="52" colspan="4"><div style="color:#86ae3e; font-size:16px; font-weight:900;"><{ranks.ranks_name}></div></td>
    <td width="88" height="52" align="center"><input type="button" οnclick="to_url()" value="修改资料" /></td>
    <script type="text/javascript">
		function to_url(){
			window.location.href = '__INDEX__/ranks_one/id/<{ranks.ranks_id}>';
		}
    </script>
  </tr>
  <tr>
    <td width="68" height="48" align="right">机构类型:</td>
    <td width="187"><strong><{ranks.ranks_category}></strong></td>
    <td width="68" align="right">证件号码:</td>
    <td colspan="2"><strong><{ranks.ranks_cf}></strong></td>
  </tr>
  <tr>
    <td height="49" align="right">负责人:</td>
    <td><strong><{ranks.ranks_head}></strong></td>
    <td align="right">联系方式:</td>
    <td colspan="2"><strong><{ranks.ranks_phone}></strong></td>
  </tr>
  <tr>
    <td height="69" align="right">联系地址:</td>
    <td><strong><{ranks.ranks_phone}></strong></td>
    <td align="right">官方邮箱:</td>
    <td colspan="2"><strong><{ranks.ranks_address}></strong></td>
  </tr>
  <tr>
  	<td height="46" colspan="6"><div style="color:#86ae3e; font-size:16px; font-weight:900;">  队伍独白</div></td>
  </tr>
  <tr>
    <td colspan="6">
    	<table border="0" width="90%" align="center">
        <tr>
        	<td><{ranks.ranks_detailed}></td>
        </tr>
        </table>
    </td>
  </tr>
</table>
</body>
</html>


montaellis
关注
HTML+frameset实现厂字样式后台模板
qq_16255665的专栏
06-27 1842
1、新建主页index.html<html> <frameset border="0px"rows="120,*"> <frame src="top.html" /> <frame src="content.html"/> </frameset> </html>2、新建头部布局top.html<!DOCTYPE html> <html> <head>
跨iframe显示内容
生活不止眼前的苟且
12-13 718
公司后台管理系统是用frameset frame布局的如下： 现在需求是在top页面里面加一个按钮，但在right页面显示，一开始觉得应该很容易，但费了九牛二虎之力，都没能实现（可能是本人js能力有限），看了网上其他人的意见，有了一些思路：要想直接去跨frame域基本是不可能的，可以将父页面转换成div iframe结构，子页面再通过jquery对父页面中的div进行样式修改，传数据等，问题完美解
后台模板框架iframe
10-15
这是后台模板框架，利用iframe做的后台的模板框架，实现局部刷新
经典iframe后台系统框架
热门推荐
ime33的博客
01-13 1万+
未经允许，不得转载！！ 水平有限，欢迎指正、交流！ 做的一个后台页面iframe框架系统，分享下！ iframe所有浏览器都支持 标签，创建包含另外一个文档的内联框架（即行内框架）； 属性： align规定如何根据周围的元素来对齐此框架。 frameborder规定是否显示框架周围的边框。 height规定 iframe 的高度。 longdesc规定一个页面，该页面
后台iframe
gmoonbiz的专栏
09-13 243
后台框架的frameset
qq_45378285的博客
06-22 186
后台框架的framesetframeset.htmlc.htmlproduct.htmlorder.htmlnotice.html frameset.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <frameset rows="80
iframe框架后台模板
12-07
iframe搭建的静态前端管理系统的后台界面，应用的iframe以及ztree等插件
HTML iframe和frameset的区别_动力节点Java学院整理
09-28
HTML中的`<iframe>`和`<frameset>`都是用于创建页面布局中多个独立窗口的元素，但它们在使用和功能上存在显著的区别。 1. `<iframe>` 标签： - `<iframe>` 是一个内联框架，它允许你在HTML文档内部嵌入另一个HTML...
ThinkPHP后台首页index使用frameset时的注意事项分析
10-25
由于frameset中的内容可能不会被搜索引擎爬虫正确解析，因此在一些情况下需要采用替代方案（比如使用iframe，或者在不支持frameset的浏览器中提供备用内容）来确保搜索引擎可以抓取到页面的内容。 另外，需要注意的...
frameset和js下拉菜单
04-10
通过合理组合frameset和JavaScript下拉菜单，可以构建出高效且用户友好的后台管理系统。 在实际项目中，还应考虑兼容性和用户体验，例如使用`noresize`属性来禁止用户调整frame大小，以及处理没有JavaScript支持的...
静态页面 后台 frameset框架
11-19
易用。代码少，利于初学者进行修改整合，开发出自己的作品
frameset,frame应用，常用于后台
weixin_30877755的博客
09-17 122
<!DOCTYPE HTML><html><head><title>lin3615</title></head><frameset rows="10%,*"> <frame src="1.php" name="topFrame" target="main" /> <frameset cols=...
Layui 后台模板 框体布局 实现 iframe 跳转、侧边菜单收缩
最新发布
PieroPc的博客
07-10 4559
Layui 后台模板 框体布局 实现 iframe 跳转、侧边菜单收缩
JavaWeb这三周-FrameSet框架实现新闻后台管理系统
gydarkfire的博客
09-11 3160
实验目的：利用frameset框架完成新闻后台管理系统 使用技术类型：frameset、css、form表单提交。 1、新建登录页面login.html: 简单登录表单页面，提交action为index.html<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="
后台管理界面的布局，iframe的使用
weixin_48607386的博客
08-23 505
iframe的使用
frame搭建后台管理系统（点击左侧，右侧内容以选项卡方式出现）
LUNG108的博客
07-07 3855
在网上找了会后台管理系统的模板，发现要么要钱，要么太复杂。想想算了，自己搭一个吧（我不是前端设计的，所以只是实现了功能，而且样式不太好看），如下图： 其中点击左侧的“第X句”，在右侧出现相应的选项卡标题和内容，在右侧点击选项卡标题，对应的内容也会出现。只是有个小bug：比如此图是点击“第三句”的效果，如果此时在左侧点击，如：“第二句”，右侧的内容会变化，但是标题还是显示“第三句”，像下面
2020-11-08 css实例：iframe后台管理系统实例及样式解释
Amanda&Rachel的博客
11-08 867
后台管理系统 我们常看到的Web端的后台管理员页面，结构基本都是页头、页尾，中间左侧菜单，右侧为主要页面。实现的方法有多种，iframe是最常见的一种。 需要的文件： 因为iframe后台管理系统是将多张 HTML 网页放到一个页面内，组成一个复合的 HTML页面，所以需要多个页面。 css实例：iframe后台管理系统实例 index页面：主体页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /
关于系统后台高度及Iframe高度控制记录
雨停了....
11-22 390
关于系统后台高度及Iframe高度控制记录背景问题方案小结 背景 1.有项目上在园里找了些现成的前端框架组合，如adminTLE之类的。后来我加入了ifame控制内页内容。发现高度怎么都无法调整到合适的位置，在加载后各种调整算法都无法满足高度问题。后续不了了之，用更笨的办法去处理了。 2.最近又有新项目的启动，也是类似的前端框架组合，调试了一晚上，突然茅塞顿开！心血来潮赶紧记录，怕又忘了。 3.小...
iframe 页面框架
wwp231的博客
04-21 726
iframe 页面框架
JavaScript操作frameset、frame和iframe对象
"本文主要介绍了如何使用JavaScript操作frameset、frame和iframe对象，涉及框架的自我控制和框架间互相访问的技巧，包括引用其他框架中的变量、调用函数以及控制表单行为等。" 在HTML页面中，可以利用frameset、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值