博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
框架framset左侧隐藏
阅读量:5347 次
发布时间:2019-06-15

本文共 2232 字,大约阅读时间需要 7 分钟。

framset是个将网页分成多个部分的框架,或者说将多个页面显示在同一个页面上,常用在系统的主页面架构上,、

框架代码:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>

<frameset rows="50,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="topframe.jsp" name="topFrame" frameborder="no" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /><!--头部-->
  <frameset id="myFrame" cols="199,7,*" frameborder="no" border="0" framespacing="0">
    <frame src="leftframe.jsp" name="leftFrame" frameborder="no" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="hideframe.html" name="midFrame" frameborder="no" scrolling="No" noresize="noresize" id="midFrame" title="midFrame" />
    <frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0">  
      <frame src="mainframe.jsp" name="mainFrame" frameborder="no" scrolling="No" noresize="noresize" id="mainFrame" title="mainFrame" />
      <frame src="manframe.jsp" name="manFrame" frameborder="no" id="manFrame" title="manFrame" />
    </frameset>
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes>
</html>

PS:这里为了将leftFrame隐藏,在此设置了一个midFrame,调用的是hideframe.html

hideframe.html的代码是:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/common.css" type="text/css" />
<title>显示/隐藏左侧导航栏</title>
</head>
<script language="JavaScript">
var flag = true;
function Submit_onclick(){
if(flag) {
// alert(3);
parent.myFrame.cols="0,7,*";
document.getElementById("ImgArrow").src="../images/to_right.gif";
document.getElementById("ImgArrow").alt="打开左侧导航栏";
flag=false;
} else {
parent.myFrame.cols="199,7,*";
document.getElementById("ImgArrow").src="../images/to_left.gif";
document.getElementById("ImgArrow").alt="隐藏左侧导航栏";
flag=true;
}
}

</script>
<body>
<div id="switchpic"><a href="javascript:Submit_onclick()"><img src="../images/to_left.gif" alt="隐藏左侧导航栏" id="ImgArrow" /></a></div>
</body>
</html>

注意:frameset的name属性Google浏览器不识别,若在frameset定义的时候写的是name="myFrameset",上面代码中parent.myFrame.cols无法执行,需写成id="myFrameset"

很多代码大同小异,当做笔记,以备学习

转载于:https://www.cnblogs.com/SandyLee/p/3759265.html

你可能感兴趣的文章
CSS: caption-side 属性
查看>>
python 用数组实现队列
查看>>
认证和授权(Authentication和Authorization)
查看>>
Mac上安装Tomcat
查看>>
CSS3中box-sizing的理解
查看>>
传统企业-全渠道营销解决方案-1
查看>>
Lucene全文检索
查看>>
awk工具-解析1
查看>>
推荐一款可以直接下载浏览器sources资源的Chrome插件
查看>>
CRM product UI里assignment block的显示隐藏逻辑
查看>>
AMH V4.5 – 基于AMH4.2的第三方开发版
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>
linux下编译安装nginx
查看>>
ArcScene 高程不同的表面无法叠加
查看>>
[ONTAK2010] Peaks
查看>>
DLL 导出函数
查看>>
windows超过最大连接数解决命令
查看>>
12个大调都是什么
查看>>
angular、jquery、vue 的区别与联系
查看>>