`
yaolifei
  • 浏览: 23689 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

框架页面中如何全屏

阅读更多

用框架集搭建的页面,有时候想刷新整个页面,或者弹出模态窗口,或者是右边页面全屏显示,如果不处理的话,这些操作只能在右边的子框架中使用。那怎么办呢,其实很简单的啊js parent 

例如,有一个框架页

<frameset rows="77,*,24" cols="*" frameborder="no" border="0" framespacing="0" id="headFrame">
  <frame src="login.do?command=header" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset rows="*" cols="179,*" framespacing="0" frameborder="no" border="0" id="middleFrame">
    <frame src="login.do?command=left" name="leftFrame" scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="login.do?command=main" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="auto" />
  </frameset>
    <frameset rows="*" cols="178,1" framespacing="0" frameborder="no" border="0">
   	 <frame src="login.do?command=foot" name="bottomFrame" scrolling="No" noresize="noresize" id="footFrame" title="footFrame" />
   <frame src=""></frameset>
</frameset>

 如果想全屏显示右边的,就这样:

parent.middleFrame.cols="0,*";	
parent.headFrame.rows="0,*,0";

  怎么恢复呢,一样的

parent.middleFrame.cols="179,*";	
parent.headFrame.rows="77,*,24";

  看懂了吧

0
0
分享到:
评论

相关推荐

    页面框架+tab标签页+换肤

    基本上主框架页面不需要作任何的变动了,直接就可以用,就不讲了。 在这里主要讲一下使用tabControl: tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定的页面。

    vue换肤,全屏,中英文切换框架

    在"vue换肤,全屏,中英文切换框架"这个项目中,开发者已经整合了一些常见的功能特性,以便于快速搭建一个具备用户友好的PC端应用。以下是这个框架涉及的主要知识点: 1. **Vue组件化开发**:Vue的核心理念之一就是...

    div+css代替iframe框架并带全屏遮罩加载特效

    在网页设计和开发中,传统的`iframe`框架常被用于嵌入外部页面或者实现多页面同屏显示。然而,随着Web技术的发展,`div+css`布局方式因其灵活性和高效性逐渐成为主流,许多开发者开始寻找用`div+css`替代`iframe`的...

    全屏响应式创意视差动画效果404页面模板

    标题中的“全屏响应式创意视差动画效果404页面模板”是一个专门设计的网页模板,用于在用户访问不存在的网页时展示的404错误页面。这种模板结合了现代网页设计的多个元素,包括全屏布局、响应式设计、创意视差滚动...

    jquery响应式全屏页面垂直滚动效果支持手机端全屏页面滚动

    这种效果通常被称为"视差滚动"或"全屏滚动",常用于展示型网站、产品介绍页和艺术性的网页设计中。 首先,要实现全屏效果,需要确保网页的body和html元素的宽度和高度都设置为100%,并去除默认的浏览器滚动条。接着...

    fullPage.js页面全屏滚动插件

    fullPage.js能够与Vue.js、React.js和Angular.js等现代前端框架相结合,意味着你可以利用这些框架的强大功能来构建复杂的单页应用,同时享受到fullPage.js的全屏滚动体验。例如,你可以在Vue组件中使用fullPage.js,...

    Chrome浏览器全屏显示并加载指定页面

    标题 "Chrome浏览器全屏显示并加载指定页面" 描述了一个应用程序,它利用C#编程语言以及Selenium自动化库,能够使Chrome浏览器以全屏模式启动并自动加载特定的网页。这个程序特别适合在触屏显示器上运行,因为它可能...

    父子页面相互调用总结

    最后,`iframe`(内联框架)是一种常用的父子页面通信方式。通过在父页面中嵌入一个`iframe`,我们可以加载另一个HTML页面。父页面和`iframe`页面可以通过`window.parent`和`window.frames`对象互相访问,实现通信。...

    APP软件介绍页面全屏滚动展示特效

    在移动应用开发中,全屏滚动展示特效是提升用户体验、吸引用户注意力的一种常见设计手法。这种特效通常应用于APP软件的介绍页面,旨在以视觉冲击力强、交互性高的方式展示应用的功能、特色或故事,从而引起用户的...

    富文本编辑器vue2-editor实现全屏功能

    这一步骤通过编辑器的选项注册模块实现,我们把全屏模块定义在全局组件Global.vue中,这样其他页面就可以直接引用这个选项。在模块配置中,我们添加了一个fullscreen对象,并在编辑器的工具栏中添加了全屏按钮。当...

    asp.net实现全屏显示加载时

    考虑到原始代码是基于ASP.NET编写的,这里也提供一种在.NET框架中实现全屏显示的方法。除了前面提到的使用`Process`类启动IE浏览器外,还可以尝试直接在客户端使用JavaScript或者CSS实现全屏效果。 例如,在ASP.NET...

    Bootstrap 后台管理系统页面模板【可用】

    Bootstrap 后台管理系统页面模板是基于流行的前端框架Bootstrap构建的高效、美观且响应式的网页设计模板,主要用于构建后台管理界面。这些模板通常包含各种组件、布局和功能,以满足管理员在处理数据、监控系统和...

    三级菜单后台系统ui框架模板.zip

    在IT行业中,后台管理系统UI框架模板的设计与实现是至关重要的。本文将深入探讨“三级菜单后台系统ui框架模板”,它是一款以黑白为主色调,采用卡片页式设计,支持三级菜单的后台管理界面模板。此模板不仅兼容IE9+...

    flex 如何全屏,很大帮助呀

    - 全屏模式可能会改变用户的交互方式,比如鼠标滚轮可能不再控制页面滚动,而是调整缩放。因此,需要处理好这些交互变化。 5. Flex全屏事件: Flex提供了一些全屏相关的事件,如`fullScreen`、`...

    全屏整屏滚动组件fullPage

    全屏整屏滚动组件fullPage是一款广泛应用于现代网页设计中的JavaScript库,它允许网页内容以全屏的方式进行平滑的滚动展示。fullPage.js通过利用CSS3的技术特性,如变换、过渡和动画,实现了视觉上引人入胜的用户...

    ABP多页面示例程序

    学习这个示例项目,你可以了解到ABP框架在实际项目中的应用,以及如何组织和编写高效的多页面应用。通过阅读源代码,熟悉ABP的各个组件和接口,将有助于提升你的ASP.NET Core和企业级应用开发技能。

    全屏页面滚动个人简历单页网站模板

    全屏页面滚动个人简历单页网站模板是一种现代且流行的网页设计趋势,尤其适用于展示个人作品集、简历或在线名片。这种模板充分利用了HTML5的新特性,以创造吸引人的视觉效果和流畅的用户体验。以下是该模板涉及的...

    jQuery和css3全屏翻页切换页面特效

    在网页设计中,为了提供更吸引用户的交互体验,全屏翻页切换页面特效已经成为一种流行趋势。这种特效将网站内容以书籍翻页的方式呈现,使用户在浏览时仿佛置身于一个动态的数字图书中。本文将详细介绍如何利用jQuery...

    html5全屏页面滚动个人简历展示模板

    全屏页面滚动是此模板的一大特点,它利用CSS3的transform和transition属性实现平滑的滚动效果。用户可以通过鼠标滚轮或触摸滑动来浏览简历的不同部分,这不仅增加了视觉吸引力,还使内容展示更加流畅。配合...

    全屏代码

    - **框架支持**:某些前端框架如React、Vue等提供了插件或组件来简化全屏操作。 #### 3. 兼容性问题及解决方案 - **不同浏览器的支持情况**:并非所有浏览器都完全支持全屏API,特别是旧版本浏览器可能存在兼容性...

Global site tag (gtag.js) - Google Analytics