用Iframe实现框架的功能,并可以打开或关闭左栏

最新推荐文章于 2021-05-02 18:45:20 发布
最新推荐文章于 2021-05-02 18:45:20 发布
阅读量1.9k 收藏
点赞数
分类专栏： JavaScript ASP 文章标签： iframe 框架 border vbscript table xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/itzhiren/article/details/1530451
版权
本文展示了如何利用Iframe和VBScript实现一个网页框架，该框架包含一个可开可关的左侧栏。通过点击切换按钮，用户可以隐藏或显示左栏，主要内容区域则会相应调整。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

好几天没写了,凑一下热闹吧.在作项目的时候发现的,很久了:

 <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>无标题文档</title>
<SCRIPT>
function BarMove(){
 if (AtMovePic2.style.display==""){
  document.all("AtMovePic2").style.display="none"
  document.all("AtMovePic").style.display=""
  document.all("frmTitle").style.display="none"
 }
 else{
  document.all("AtMovePic2").style.display=""
  document.all("AtMovePic").style.display="none"
  document.all("frmTitle").style.display=""
 }
}
</SCRIPT>

</head>

<body style="margin:0px;">
</p>
<p><center>用户权限管理</center></p>
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
  <TBODY>
    <TR>
      <TD align=middle id=frmTitle noWrap rowSpan=3 vAlign=center name="frmTitle">
        <table width="100%" height="100%" border=0 cellpadding=0 cellspacing=0>
          <tr>
            <td height="98%" colspan="2" align=middle><iframe frameborder=0 id=menu name=menu src="left.asp" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 160px; Z-INDEX: 2"></iframe></td>
          </tr>
        </table>
    <TD rowSpan=3>
      <TABLE width="1" height="100%" cellPadding=0 cellSpacing=0 bgcolor="#FF5E00">
        <TBODY>
          <TR>
            <TD width="1" height="217" vAlign=top id=AtMovePic style="BACKGROUND: url(../images/move_bg.gif); DISPLAY: none; HEIGHT: 100%; WIDTH: 1px" οnclick=BarMove() name="AtMovePic">
              <SPAN style="CURSOR: hand"><IMG src="images/move.gif" alt=打开左栏 width="6" height="207"></SPAN></TD>
              <TD width="1" vAlign=top id=AtMovePic2 style="BACKGROUND: url(../images/move_bg.gif); HEIGHT: 100%; WIDTH: 20px" οnclick=BarMove() name="AtMovePic2">
              <SPAN style="CURSOR: hand"><IMG src="images/move2.gif" alt=关闭左栏 width="6" height="207"></SPAN></TD>
      </TR>
          </TBODY>
        </TABLE>
      <TD style="HEIGHT: 100%">
      <TD style="WIDTH: 100%">
  <TABLE width="100%" height="100%" border=0 cellPadding=0 cellSpacing=0>
   <TBODY>
   <TR>
     <TD height="100%" colspan="2" align=middle>
     <IFRAME frameBorder=0 id=main name=main src="main.asp" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME></TD>
   </TR>
    </TBODY>
  </TABLE> 

   </td>
    </TR>
    
 </TBODY>
</TABLE>
</body>
</html>


iframe框架使用
jishuai6p的博客
01-25 609
通俗讲就是将一个页面嵌入另一个页面，可以是本地的html,jsp也可以是网址如baidu.com。
SpringBoot：layui使用iframe标签，点击左侧导航栏，在右侧动态显示页面
qq_44266202的博客
08-11 2486
layui使用iframe标签，点击左侧导航栏，在右侧动态显示页面
iframe实现左侧菜单右侧页面简单示例
02-29
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单，右侧显示不同html内容，并加有css样式，美观实用。很简单的界面，没有多余功能。
拉伸效果新打开和关闭iframe（ie6和ff下）
anik69987的博客
10-19 125
拉伸效果新打开和关闭iframe <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title>Image Gallery</title><link rev=...
iframe框架的使用
热门推荐
weixin_42362496的博客
05-14 2万+
在开发过程中会遇到需要引入其他页面，并在其他页面上层悬浮div index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> #box { he...
ifream弹窗关闭
weixin_45610554的博客
08-26 666
在一个页面中点击一个地方然后弹出一个框，这个框如果是ifream引入的 如果需要关闭它则需要引入下面这段js, 例如： 需要在iframe-tip2.html这个页面写入js,如下： // 关闭 function clostOpen () { var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); } 可以把这段js写为公共的 然后在这个页面...
HTML5 的 frameset 替代方案 点击超链接时候，左侧导航栏还一直存在《这是需求效果》
qq_30347133的博客
05-21 691
https://blog.youkuaiyun.com/kuaizisong/article/details/53501995 HTML5 的 frameset 替代方案
JS简单实现父子窗口传值功能示例【未使用iframe框架】
10-19
在本示例中，我们将探讨如何在不使用iframe框架的情况下，利用JavaScript实现父子窗口之间的简单传值。 首先，我们有一个父窗口页面`father.html`，其中包含一个按钮，当点击该按钮时，会打开一个子窗口`child....
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
11-28
本文将深入探讨如何利用EasyUI的Window插件在Layout框架页面中实现弹出窗体到最顶层的效果，尤其是当窗体需要穿越iframe时。 首先，我们需要理解jQuery EasyUI的Window组件。Window是EasyUI中的一个动态弹出窗口，...
bootstarp+iframe 实现局部刷新 后台模板
10-19
每个选项卡对应一个`iframe`，用户点击选项卡时，对应的`iframe`会显示其内容，同时可以实现窗口的自由关闭、打开，以及关闭其他或全部关闭的操作，这在管理多个任务或数据时非常有用。 在压缩包文件“AdminLTE-...
javascript 控制frameset左边显示与隐藏
Hsn_lin的专栏
05-22 6978
页面布局为左边菜单页，中间有个12象素宽度的条形页（用于点击后显示隐藏左边的菜单页），右边则是主体页面了。 第2个文件：frameline.html 这个文件中设置了用JAVASCRIPT脚本显示隐藏左边菜单页FRAME框架的代码。 function ShowHideLeft(objtd){ if (parent.pageframe.cols=="115,12,*"){
HTML中frameset框架的用法，一次性全弄懂！
路虽远，行则必至！
04-03 8270
一： <frameset>框架标记 <FRAMESET>称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割 <FRAME>则只是设定某一个框窗内的参数属性 <FRAMESET>参数设定： 例如： <frameset row=“90，*” frameborder="0" border=“0" framespacing="2" bord...
frameset框架如何使左边页面显示，隐藏?wj-wangjun
weixin_30615767的博客
08-13 254
1. 框架页面 <framesetrows="95,76%,60"border="0"frameSpacing="0"frameBorder="0"><framename="header"src="Top.aspx"scrolling="no"noresizestyle="BORDER-RIGHT:#0099ff2pxridge;BOR...
修改PDF文件打开时目录的默认展开/关闭状态
无数_Mirage的博客
05-02 2623
为什么打开时会是默认展开、关闭，即使自己调整了，但是下次打开时还是那样这是因为，PDF的目录状态记录的是制作PDF过程中，保存时的状态就像使用excel时，鼠标点击在哪个单元格上，保存后下一次打开时，鼠标还是指在这个单元格上而PDF是无法修改的文件格式，所以即使打开后调整了，下次打开依旧是当初那样。
frameset下frame控制兄弟框架的显示与隐藏
张家小丫头的博客
10-14 4950
首先，在这里我们一个frameset用到了三个frame 在父界面de 写的代码如下： " name="right" id="right" > aspx.cs界面写的代码如下（原程序中有一个判断，确定在界面首次加载的时候Frame1是可见的）：if (string.IsNullOrEmpty(qy) || qy=="0") {
PHP使用frameset制作后台界面时，怎样实现通过操作左边框架，使右边框架中的页面跳转？...
08-02 198
左框架的链接，不仅要指定链接的文件名，还需要通过 target 属性指定要打开的目标框架名（即楼主要求的右框架名）。 例：假设右框架为 <frame scr="lx1.htm"name="right"> 那么，左框架中的链接为： <li><a href="lx1.htm" target="right">文件一</a></li...
frameset ,frame,iframe 的使用
longlong97的博客
09-06 683
1.frameset(它称为框架标记，是用来告知html文件是框架模式，并且设置可视窗口怎么分割) frameset在一个页面中设置一个或多个框架不能嵌套在body标签里       frameset属性 1.cols: 它是把整个画面竖向分割成几个画面 2.rows: 它是把整个画面横向分割成几个画面 3.frameborder: 它表示设定这个框架的
[html] iframe在更改了src之后，不出现后退或者前进按钮怎么解决？
歌谣的博客
03-26 385
[html] iframe在更改了src之后，不出现后退或者前进按钮怎么解决？ 更改src时可以先删除旧的iframe后，新建一个iframe设置好src添加进去 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值