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

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

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

 <%@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("fr

最低0.47元/天 解锁文章
itzhiren
关注
专栏目录
JS简单实现父子窗口传值功能示例【未使用iframe框架】
10-19
在本示例中，我们将探讨如何在不使用iframe框架的情况下，利用JavaScript实现父子窗口之间的简单传值。 首先，我们有一个父窗口页面`father.html`，其中包含一个按钮，当点击该按钮时，会打开一个子窗口`child....
iframe实现左侧菜单右侧页面简单示例
02-29
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单，右侧显示不同html内容，并加有css样式，美观实用。很简单的界面，没有多余功能。
拉伸效果新打开和关闭iframe（ie6和ff下）
anik69987的博客
10-19 102
拉伸效果新打开和关闭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 595
在一个页面中点击一个地方然后弹出一个框，这个框如果是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 665
https://blog.csdn.net/kuaizisong/article/details/53501995 HTML5 的 frameset 替代方案
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
11-28
本文将深入探讨如何利用EasyUI的Window插件在Layout框架页面中实现弹出窗体到最顶层的效果，尤其是当窗体需要穿越iframe时。 首先，我们需要理解jQuery EasyUI的Window组件。Window是EasyUI中的一个动态弹出窗口，...
bootstarp+iframe 实现局部刷新 后台模板
10-19
每个选项卡对应一个`iframe`，用户点击选项卡时，对应的`iframe`会显示其内容，同时可以实现窗口的自由关闭、打开，以及关闭其他或全部关闭的操作，这在管理多个任务或数据时非常有用。 在压缩包文件“AdminLTE-...
dcat-iframe-tab:在dcat-admin中使用iframe作为页面架构并发布标签页使页面切换无需刷新
04-29
使用此扩展包可以构建出一个iframe架构并带有标签页管理的后台框架。 功能 双击关闭标签页 当标签页过多时，可通过鼠标滚轮选择或者按住鼠标拖动 支持右键操作（目前支持的操作有：关闭所有标签、关闭其他标签、刷新...
javascript 控制frameset左边显示与隐藏
Hsn_lin的专栏
05-22 6930
页面布局为左边菜单页，中间有个12象素宽度的条形页（用于点击后显示隐藏左边的菜单页），右边则是主体页面了。 第2个文件：frameline.html 这个文件中设置了用JAVASCRIPT脚本显示隐藏左边菜单页FRAME框架的代码。 function ShowHideLeft(objtd){ if (parent.pageframe.cols=="115,12,*"){
HTML中frameset框架的用法，一次性全弄懂！
路虽远，行则必至！
04-03 7446
一： <frameset>框架标记 <FRAMESET>称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割 <FRAME>则只是设定某一个框窗内的参数属性 <FRAMESET>参数设定： 例如： <frameset row=“90，*” frameborder="0" border=“0" framespacing="2" bord...
frameset框架如何使左边页面显示，隐藏?wj-wangjun
weixin_30615767的博客
08-13 216
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 2116
为什么打开时会是默认展开、关闭，即使自己调整了，但是下次打开时还是那样这是因为，PDF的目录状态记录的是制作PDF过程中，保存时的状态就像使用excel时，鼠标点击在哪个单元格上，保存后下一次打开时，鼠标还是指在这个单元格上而PDF是无法修改的文件格式，所以即使打开后调整了，下次打开依旧是当初那样。
frameset下frame控制兄弟框架的显示与隐藏
张家小丫头的博客
10-14 4863
首先，在这里我们一个frameset用到了三个frame 在父界面de 写的代码如下： " name="right" id="right" > aspx.cs界面写的代码如下（原程序中有一个判断，确定在界面首次加载的时候Frame1是可见的）：if (string.IsNullOrEmpty(qy) || qy=="0") {
PHP使用frameset制作后台界面时，怎样实现通过操作左边框架，使右边框架中的页面跳转？...
08-02 177
左框架的链接，不仅要指定链接的文件名，还需要通过 target 属性指定要打开的目标框架名（即楼主要求的右框架名）。 例：假设右框架为 <frame scr="lx1.htm"name="right"> 那么，左框架中的链接为： <li><a href="lx1.htm" target="right">文件一</a></li...
frameset ,frame,iframe 的使用
longlong97的博客
09-06 594
1.frameset(它称为框架标记，是用来告知html文件是框架模式，并且设置可视窗口怎么分割) frameset在一个页面中设置一个或多个框架不能嵌套在body标签里       frameset属性 1.cols: 它是把整个画面竖向分割成几个画面 2.rows: 它是把整个画面横向分割成几个画面 3.frameborder: 它表示设定这个框架的
iframe的基本介绍与使用
热门推荐
qq_45799465的博客
03-31 4万+
一、iframe的基本介绍 二、iframe的基本使用 三、iframe的属性介绍 四、iframe注意事项 五、iframe的URL传参方法 六、iframe的postMessage（）传参方法
layui iframe框架使用方法
最新发布
06-28
Layui的iframe框架使用方法如下： 1. 引入layui框架的js和css文件。 2. 在html页面中添加一个div容器，用于放置iframe。 3. 在js中使用layui.use()方法引入iframe模块，并设置iframe的属性。 4. 使用layui.layer...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值