隐藏、显示frame框架

最新推荐文章于 2022-02-15 10:30:42 发布
最新推荐文章于 2022-02-15 10:30:42 发布
阅读量6.9k 收藏
点赞数
分类专栏： HTML 文章标签： 框架 microsoft generator button function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tourstar/article/details/5726951
版权

Index.html

 

<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>frame框架的显示隐藏操作 - 51windows.net</title>
</head>

<frameset name="full" rows="64,*,64">
  <frame name="top" scrolling="no" xnoresize target="contents" src="top.html">
  <frameset cols="25%,*" name="cen">
    <frame name="contents" target="main" src="left.html">
    <frame name="main" src="main.html">
  </frameset>
  <frame name="bottom" scrolling="no" xnoresize target="contents" src="bottom.html">
  <noframes>
  <body>

  <p>此网页使用了框架，但您的浏览器不支持框架。</p>

  </body>
  </noframes>
</frameset>

</html>

 

main.html

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>main - 51windows.net</title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function shtop(){
 if (parent.full.rows.indexOf("0,*,")!=-1){
  parent.full.rows="64,*,"+parent.full.rows.split(",")[2]
  document.getElementById("shtop").value="隐藏上部";
 }
 else{
  parent.full.rows="0,*,"+parent.full.rows.split(",")[2]
  document.getElementById("shtop").value="显示上部";
 }
}
function shleft(){
 if (parent.cen.cols=="0,*"){
  parent.cen.cols="25%,*,"
  document.getElementById("shleft").value="隐藏左部";
 }
 else{
  parent.cen.cols="0,*"
  document.getElementById("shleft").value="显示左部";
 }
}
function shbottom(){
 if (parent.full.rows.indexOf(",*,0")!=-1){
  parent.full.rows=parent.full.rows.split(",")[0]+",*,64"
  document.getElementById("shbottom").value="隐藏下部";
 }
 else{
  parent.full.rows=parent.full.rows.split(",")[0]+",*,0"
  document.getElementById("shbottom").value="显示下部";
 }
}
function maxmain(){
 if (parent.full.rows=="0,*,0"){
  parent.full.rows="64,*,64"
  parent.cen.cols="25%,*"
  document.getElementById("maxmain").value="隐藏左上下";
  document.getElementById("shtop").value="隐藏上部";
  document.getElementById("shleft").value="隐藏左部";
  document.getElementById("shbottom").value="隐藏下部";
 }
 else{
  parent.full.rows="0,*,0";
  parent.cen.cols="0,*";
  document.getElementById("maxmain").value="显示左上下";
  document.getElementById("shtop").value="显示上部";
  document.getElementById("shleft").value="显示左部";
  document.getElementById("shbottom").value="显示下部";
 }
}
//-->
</SCRIPT>
<input type="button" name="maxmain" id="maxmain" οnclick="maxmain();" value="隐藏左上下">
<input type="button" name="shtop" id="shtop" οnclick="shtop();" value="隐藏上部">
<input type="button" name="shleft" id="shleft" οnclick="shleft();" value="隐藏左部">
<input type="button" name="shbottom" id="shbottom" οnclick="shbottom();" value="隐藏下部">

</body>

</html>

tourstar
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Html frame框架学习
05-01
Html frame框架 左右隐藏 测试
可隐藏左框架的html代码
09-17
可隐藏左框架的代码 html frame
frame的隐藏与显示
it_man的专栏
12-06 2842
frame.html               function   hide()     {    // B1.style.display   =   "none";    // B2.style.display   =   "";     parent.window.aaaa.cols   =   "10,*";     }     function   show()     {   /
frameset下frame控制兄弟框架的显示与隐藏
张家小丫头的博客
10-14 4815
首先，在这里我们一个frameset用到了三个frame 在父界面de 写的代码如下： " name="right" id="right" > aspx.cs界面写的代码如下（原程序中有一个判断，确定在界面首次加载的时候Frame1是可见的）：if (string.IsNullOrEmpty(qy) || qy=="0") {
frame框架的显示隐藏操作
我的地盘
07-09 478
框架主页面 index.htm 的代码 xml 代码 &lt;html&gt;   &lt;head&gt;   &lt;meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"&gt;   &lt;meta name="GENERATOR" content="Mi
html 隐藏 框架,HTML 框架
weixin_29986051的博客
06-05 423
HTML 框架通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。iframe语法:该URL指向不同的网页。Iframe - 设置高度与宽度height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%").实例html>牛骨文(niuguwen.cn)一些旧的浏览器不支持iframe。如果浏览器不支持if...
暗度陈仓——试探隐藏框架的妙用
小火子
02-28 1850
前一篇博客，介绍到了Ajax。Ajax主要是实现客户端与服务器端的异步通信。但是在Ajax没有出现之前，开发者又是如何实现异步通信的呢？下面就给大家介绍一下隐藏框架的使用。  所谓隐藏框架，就是设置框架页显示高度为0，以达到隐藏显示的目的。 看下面的例子： 1.新建一个简单的框架集：（隐藏框架.html)  隐藏框架实现异步通信 //没有设置隐藏，主要是想观看其效果
如何用js控制frame的隐藏或显示的解决办法
10-27
在网页开发中，有时我们需要通过JavaScript来动态控制页面元素的显示与隐藏，特别是当涉及到多框架（frame）布局时。本篇文章将详细讲解如何使用JavaScript来实现frame的隐藏或显示。 首先，我们需要理解HTML中的`...
jQuery实现frame之间互通的方法
10-19
- **jQuery操作iframe技巧总结：** 学习如何使用jQuery进行iframe的创建、隐藏、显示、内容加载等操作。 - **jQuery扩展技巧总结：** 探索jQuery的插件机制和自定义扩展方法。 - **jQuery常用插件及用法总结：** ...
Axure7.0教程部件详解 Inline Frame 内部框架
06-14
- **隐藏边框**：右键点击内部框架，选择“显示/隐藏边框”选项，可以去除黑色边框，使设计更加整洁。 - **滚动条设置**：通过右键菜单或部件属性面板，可以控制内部框架的滚动条是否始终显示或按需显示。 - **...
框架隐藏
05-28
NULL 博文链接：https://assen.iteye.com/blog/619112
Iframe和FRAME的区别分析
09-28
在网页设计中，Iframe（内联框架）和Frame（帧）都是用于实现页面内容分区显示的HTML元素，但它们之间存在显著的区别。理解这些差异对于优化网站布局和交互至关重要。 首先，Iframe是一个内嵌的框架，允许你在网页...
Frame显示/隐藏
aishalv8524的博客
10-17 432
框架Frame布局页面： 使用页面ShowHide.htm响应图标的点击按钮来改变framecol的cols的值。 Code<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Index.aspx.cs"Inherits="Frame_Index"%><!DOCTYPEhtmlPUBLIC"-...
显示和隐藏frame
寂寞，在作祟
12-30 227
&lt;%@ page contentType="text/html; charset=UTF-8"%&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;分隔栏&lt;/title&gt; &lt;link rel="stylesheet" ty
基于区块链的医疗供应链数据隐私保护分布式信息隐藏框架
热门推荐
Chahot的博客
02-15 1万+
医疗供应链通信网络产生关键信息和数据。特别是在新冠肺炎时代，医疗服务提供者之间正在共享有关医疗供应链的内部个人和私人信息。近年来，由于医疗供应链通信网络缺乏安全措施，多次发生网络攻击事件。由于计算能力和各种恶意使用的算法，网络攻击变得更便宜、更容易，在这个时代，安全性和数据隐私要求更严格、更高的措施。另一方面，信息隐藏技术(Information Hiding Techniques, IHT)利用各种先进的方法来隐藏敏感信息，使其不被恶意节点披露。此外，在区块链的支持下，IHT可以带来更高的安全性和所需的隐
html5隐藏框架,06_html5简单入门——框架、可编辑列表、隐藏列表、拼写检测、全局属性...
weixin_34678198的博客
06-03 170
又到了每天写博客时间，坚持每天写博客，记录生活以后开始规定写博客时间为晚上12点，除非有事，规定个时间写博客好点现在是2：30，明天就开始晚上12点写，为什么这么做呢因为越困越可能咕咕咕　　(￣ε(#￣)　　虽然现在也不困好了，废话不多说，今天写的是html5的框架，可编辑列表，隐藏列表，拼写检测和全局属性内容有一点点小多，这应该是最后几次关于html5的随笔吧，后面差不多开始写css如果后面想起...
点击frameset边框自动隐藏或显示窗口简单例子
最新发布
05-24
以下是一个简单的例子，可以让您点击一个按钮来隐藏或显示一个具有框架集边框的窗口。您可以将此代码复制并粘贴到您的 HTML 文件中。 ```html <!DOCTYPE html> <title>Frameset Example function ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值