1. 框架页面

<frameset rows="95,76%,60" border="0" frameSpacing="0" frameBorder="0">
        <frame name="header" src="Top.aspx" scrolling="no" noresize style="BORDER-RIGHT: #0099ff 2px ridge; BORDER-TOP: #0099ff 2px ridge; BORDER-LEFT: #0099ff 2px ridge; BORDER-BOTTOM: #0099ff 2px ridge">
        <frameset cols="200,*" id="middle">
            <frame name="contents" src="LeftFrame.aspx" style="BORDER-RIGHT: #0099ff 2px ridge; PADDING-RIGHT: 2px; BORDER-TOP: #0099ff 3px; PADDING-LEFT: 2px; MARGIN-LEFT: 2px; BORDER-LEFT: #0099ff 2px ridge; MARGIN-RIGHT: 2px; BORDER-BOTTOM: #0099ff 3px">
            <frame name="main" src="Main.aspx" scrolling="auto" style="BORDER-RIGHT: #0099ff 2px ridge; PADDING-RIGHT: 2px; BORDER-TOP: #0099ff 1px; BORDER-LEFT: royalblue 3px; MARGIN-RIGHT: 2px; BORDER-BOTTOM: royalblue 1px">
        </frameset>
        <frame name="footer" src="Bottom.aspx" scrolling="no" style="BORDER-RIGHT: #0099cc 2px ridge; BORDER-TOP: #0099cc 2px ridge; BORDER-LEFT: #0099cc 2px ridge; BORDER-BOTTOM: #0099cc 2px ridge">
    </frameset>
</html>

2. 在Main.aspx 文件做显示隐藏的按钮。(方法一:)

<%@ Page language="c#" Codebehind="Main.aspx.cs" AutoEventWireup="True" Inherits="BYD_SPCSystem.DesktopModules.Main" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
    <head>
        <title>Main</title>
        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
        <meta content="C#" name="CODE_LANGUAGE">
        <meta content="JavaScript" name="vs_defaultClientScript">
        <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script type="text/javascript">   
  <!--   
    
  function  shleft(){   
  if   (parent.middle.cols=="0,*")   
  {   
  parent.middle.cols="200,*"   
  document.getElementById("p1").innerHTML="隐";   
  document.getElementById("p2").innerHTML="藏";   
  }   
  else   
  {   
  parent.middle.cols="0,*"   
  document.getElementById("p1").innerHTML="显";   
  document.getElementById("p2").innerHTML="示";   
  }   
  }   
function TABLE1_onclick() {

}

  //-->   
  </script>   
    </head>
    <body >
        <form id="Form1" method="post" runat="server">
          <table   border="0"    cellpadding="0"   cellspacing="0" style="width: 1%; height: 1%;position:absolute; left: 0px; top: 75px;" id="TABLE2" onclick="return TABLE1_onclick()">   
            <tr>   
                <td bgcolor="#99ccff" valign="middle" onclick="shleft()" style="FONT-SIZE: 8pt; CURSOR: hand; COLOR: white; width: 1px; height: 126px;">   
                  <p id="p1">隐</p>   
                  <p id="p2">藏</p>   
                  <p>左</p>   
                  <p>部</p>   
                 </td>
             </tr>
           </table>
            我是主

3. 用图片显示。(方法二:)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="candotop.aspx.cs" Inherits="BYD_SPCSystem.Test.candotop" %>
<!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 runat="server">
    <title>无标题页</title>
<script type="text/javascript">
var disptool = true;
function coro(){
if(disptool){
parent.main.cols='0,*';
document.all.tool.src="../Img/open.gif";
disptool = false;
}
else{
parent.main.cols='200,*';
document.all.tool.src="../pictures/button_PIC/save.bmp";
disptool = true;
}
}
</script>
</head>
<body>
<table>
<tr>
    <td align="right">
    <img src="../pictures/button_PIC/save.bmp" alt="关闭工具栏" style="cursor:hand;" onclick="coro()" id="tool"/>
    </td>
</tr>
</table>
</body>
</html>

转载于:https://www.cnblogs.com/wj-wangjun/archive/2007/08/13/854002.html

frameset框架如何使左边页面显示,隐藏?wj-wangjun相关推荐

  1. 前端监听页面显示隐藏 visibilitychange

    业务场景 当前页面再次可见时(从其他tab页切换过来或者从其他软件切换过来),重新调用接口获取最新数据. 使用 通过 document.visibilityState 判断页面隐藏还是显示. docu ...

  2. HTML点左边显示右边frameset,HTML里frameset框架

    目标:把一个网页分成头.左.右三部分. 三级结构 头里的内容所包含的子内容显示在左侧. 左侧里的内容所包含的子内容(是具体内容)显示在右侧. 思路:先用frameset框架把结构写出来,并且给每一部分 ...

  3. html框架点击左边目录内容显示在右边框架里

    html框架点击左边目录内容显示在右边框架 定义框架为目录 标题 内容 这三个框架,我们点击左边的目录,目录里面的内容会出现在内容这个框架里看下边怎么操作. 先创建第一个index.html文件,代码 ...

  4. frame框架的显示隐藏操作 (转)

    下面是主要代码: index.htm <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT=&q ...

  5. html页面按钮隐藏div显示,javascript 控制 DIV等html元素的显示和隐藏

    1.编写 js函数 function display(id){ var traget=document.getElementById(id); if(traget.style.display==&qu ...

  6. VUE保存页面的数据,VUE页面显示就执行某个函数,VUE页面隐藏就执行某个函数

    用 VUE 默认的 keep-alive 组件实现 保存页面的数据,页面显示就执行某个函数,页面隐藏就执行某个函数实现方式: 1.在路由内设置页面是否需要缓存: 示例代码:(在需要的组件里面添加met ...

  7. vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏

    vue实现部分页面导入底部 vue配置公用头部.底部,可控制显示隐藏 在app.vue文件里引入公共的header 和 footer header 和 footer 默认显示,例如某个页面不需要显示h ...

  8. 运用frame、frameset框架不显示问题

    今天偶然用了一次frame\frameset框架标签,作为不常用标签,果然出问题了. 写了一个简单的测试demo,给大家分享一下出错的地方. 在默认页面中嵌入了三个frame,在浏览器跑起来,结果,页 ...

  9. swiper的动态观察者模式解决:swiper所在的页面先隐藏,后显示,swiper不自动播放了

    swiper的动态观察者模式 介绍 场景再现 问题处理 示例 介绍 之前写过一篇swiper在react中的使用,里面介绍了@5.4.5和@6.8.4两个版本的swiepr. 里面也提到了一些常用的属 ...

  10. 银行付款出现java,SSH框架网上商城项目第22战之银行图标以及支付页面显示

    从上一节的小demo中我们搞清楚了如何跟易宝对接以及易宝的支付流程.这一节我们来做一下支付页面以及在页面中导入银行图标. 1. 存储银行图标 银行图标一般不会总是去加载,因为这些东西是死的,没必要每次 ...

最新文章

  1. Comprehensive anticancer drug response prediction based on a simple cell line drug complex network m
  2. Jquery入门详解
  3. PHP中使用include、require、include_once、require_once的区别
  4. [Step By Step]SAP HANA创建层次结构的属性视图(Hierarchy Attribute View)
  5. Netty对Protocol Buffer多协议的支持(八)
  6. 前端学习(2873):Vue路由权限『前后端全解析』4递归组件
  7. hdu_2089 不要62
  8. Android近场通信---高级NFC(二)
  9. QScrollArea滚动条
  10. ROS安装与报错记录
  11. CetnOS 6.7安装Hive 1.2.1
  12. 云端服务器只能查看文件,云端服务器只能查看文件夹
  13. 孙鑫VC学习笔记:第十四讲 (二) 网络编程
  14. 倍福plc的型号_常用PLC型号大全及简介,选型必备技能!
  15. 三菱FX5U rtu方式通讯两台施耐德ATV320变频器 采用Q系列plc也支持的sp.cprtcl指令
  16. php将一维数组转换成二维数组
  17. 大学计算机实验六文件管理与磁盘恢复,虚拟实验:文件管理与磁盘恢复.pdf
  18. Python Basic - Python open() 、closed()、write()、read()、 readline()、readlines()、with与文件进行交互
  19. iOS dismissViewController到指定页面或dismiss多层
  20. 输出动物的声音JAVA_Java-动物声音

热门文章

  1. 如何查看linux是grub还lilo,Linux下找回忘记root口令(lilo/grub)的方法
  2. 飞机大战小游戏3.0
  3. Push to origin/master was rejected
  4. window 下 go lang 环境变量一键批处理设置
  5. layui-treeTable v2.0添加搜索功能
  6. 阶段1 语言基础+高级_1-3-Java语言高级_05-异常与多线程_第3节 线程同步机制_5_同步技术的原理...
  7. 爬虫介绍+Jupyter Notebook
  8. jQueru中数据交换格式XML和JSON对比
  9. 采用传输矩阵法求解光子晶体带隙
  10. 实现AJAX回传过程中禁止用户重复提交