iframe隱藏 - yjgyjg4 - ITeye博客

`

yjgyjg4

浏览: 118986 次
性别:
来自: 广州

最近访客更多访客>>

wangwei5459434343434

37度的男人

文学易

litianx

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

niezhihong： Java代码 Contact selContact = (C ...
liferay 日历使用
释皇天： <script language="javas ...
js获得当前日期和昨天日期
释皇天：火狐下可以不？？？貌似不可以。
js获得当前日期和昨天日期
plj123：今天遇到这个问题了，用outerHTML会报未知运行时错误。 ...
js删除tr
javaray：遨豪(大连)科技有限公司自2007年与Liferay,Inc合 ...
liferay 中的经常使用的

iframe隱藏

博客分类：

javascript

阅读更多

在<body>...</body>之间加入下列代码：

<div id="bodyframe" style="VISIBILITY: hidden">
<IFRAME frameBorder=1 id=heads src="framepage.htm" style="HEIGHT: 200px; LEFT: 220px; POSITION: absolute; TOP: 200px; WIDTH: 500px">
</IFRAME>
</div>
<div onclick="document.all.bodyframe.style.visibility='visible'" style="background-color: red; cursor: hand; height: 22; left: 300; position: absolute; top: 137; width: 74; z-index: 1">
<font color="#ffffff">显示iFrame</font></p>
</div>
<div onclick="document.all.bodyframe.style.visibility='hidden'" style="background-color: red; cursor: hand; height: 22; left: 400; position: absolute; top: 137; width: 74; z-index: 1">
<font color="#ffffff">隐藏iFrame</font>
</div>

如果在table中有一行是iframe，且需要隐藏的时候，需要放到table的最上面一行，否则会出现隐藏不了，或者排版变乱，js错误。

原貼:
http://derpvail.iteye.com/blog/261059

分享到：

oracle 語法命令備忘 | js时间

2009-06-18 11:19
浏览 1766
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jquery点击按钮隐藏父页和引用页的iframe: 在网页开发中，有时我们需要实现一种交互效果，即在用户点击特定按钮时，隐藏嵌入在页面中的`iframe`元素。这种效果对于提高用户体验、控制页面布局或在多页面交互场景下尤为有用。本篇文章将深入讲解如何使用`...

JS去除iframe滚动条的方法: 然而，有时嵌入的网页内容尺寸可能会超过iframe的可视区域，这时浏览器会自动为iframe添加滚动条，以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的，但在其他一些情况下，开发者可能希望去除滚动...

iframe里无右键菜单: 然而，有时我们可能希望在`iframe`内禁用默认的右键菜单，以防止用户通过右键点击执行某些操作，比如复制、查看源代码等。标题"iframe里无右键菜单"正是针对这一需求，描述中提到的解决方案是创建一个既简单又实用的...

jquery插件:ajax和iframe加载提示效果1.1版: 2，当iframe隐藏时的错误显示效果 3，当iframe以tab标签的方式显示时，由于tab标签切换执行也需要一段时间，造成的获取的iframe的高和宽不是最终的高和宽 4，其他细微调整。草草增加了一个例子。和新版本打包在一起...

使用隐藏的Iframe实现ajax无刷新上传: ### 使用隐藏的Iframe实现Ajax无刷新上传在Web开发中，实现文件的无刷新上传是一种常见的需求。本文将详细介绍如何通过使用隐藏的Iframe来实现这一功能，并结合所提供的代码片段进行具体分析。 #### 一、原理概述...

Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题: 2. **IFrame被隐藏**：这通常是因为IFrame的CSS样式设置不当，例如设置了`display:none`或者其父级元素的尺寸和位置问题。要解决这个问题，需要检查IFrame的CSS属性，确保其可见且位于正确的位置。同时，确保IFrame...

通过隐藏iframe实现文件下载的js方法介绍: 本文将详细介绍如何使用JavaScript通过一个隐藏的iframe元素来实现文件的下载功能。这项技术特别适用于那些不支持直接点击链接进行下载的场景，例如，一些在线应用可能需要在后台静默地下载文件而不干扰用户界面。 ...

在iframe中隐藏横向滚动条的方法大全: ### 在iframe中隐藏横向滚动条的方法大全 #### 概述在网页开发中，经常会用到`<iframe>`标签来嵌入其他页面或内容。然而，有时候这些嵌入的内容可能会导致横向滚动条出现，影响用户体验及整体美观度。本文将详细...

iframe对另一个iframe控制的Demo: 本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互，以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序，如页面内的多窗口...

php+iframe实现隐藏无刷新上传文件: 在这个例子中，我们设置为`<iframe>`的`name`属性值，即"upload"，这样提交的数据就会在隐藏的iframe中处理，而不是刷新整个页面。 HTML代码示例如下： ```html <iframe name="upload" style="display:none...

iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题: `scrollHeight`属性返回元素的总高度，包括不可见部分，如溢出或隐藏的区域。在实际应用中，我们可以这样使用这个函数： ```html <iframe id="conFrame" src="a....

Node.js-使用隐藏的iframe观察元素大小更改: 虽然`iframe`主要用作内容嵌入，但在这里我们将用它作为一个工具来监听元素尺寸的变化，而不会对用户界面造成干扰，因为我们将使`iframe`保持隐藏状态。首先，我们需要创建一个包含目标元素的`iframe`。在...

iframe跨域常用问题和iframe页面自适应: 在网页开发中，`iframe`（Inline Frame）是一种非常实用的元素，它可以将一个完整的HTML文档嵌入到当前页面中，常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点：`...

js处理iframe的系列问题: ### JavaScript处理iframe的相关知识点在Web开发中，`iframe`（Inline Frame）是一种常见的HTML元素，用于嵌入另一个HTML文档到当前文档中。利用JavaScript可以实现对`iframe`中的元素进行操作，例如读取或修改...

asp.net 中使用iframe动态加载页面: 在代码隐藏文件（例如 aspx.cs 文件）中，声明 iframe 变量，用于在服务器端访问 iframe 元素。例如： ``` protected System.Web.UI.HtmlControls.HtmlGenericControl frame1; ``` Step 3：在 Page_Load 事件中获取 ...

js iframe 打印打印预览页眉页脚的设置: 在JavaScript（JS）中，利用iframe进行打印和打印预览是常见的需求，特别是在网页开发中。这个场景下，我们可能需要自定义页眉和页脚，以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。首先，我们...

iframe可以滑动并且隐藏scrollbar: 下面将详细介绍如何在这样的技术栈中实现`iframe`的滚动并隐藏滚动条。首先，我们需要理解`Vue.js`的基本概念。`Vue.js`是一个渐进式JavaScript框架，用于构建用户界面。`Vite`是基于`Rollup`的下一代前端开发工具...

iframe中页面显示不全1: 将其设置为`no`可以隐藏滚动条，但可能仍会导致内容截断。为解决此问题，可以尝试使用JavaScript或jQuery动态获取嵌入页面的实际高度，并据此调整`<iframe>`的高度。此外，跨域问题也可能导致iframe内容无法正常...

Global site tag (gtag.js) - Google Analytics