`

iframe隐藏和显示

 
阅读更多

在<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>

 
分享到：
| 用JspSmart组件实现文件上传和下载
评论
发表评论

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

相关推荐

    iframe中页面显示不全1

    当遇到"Iframe中页面显示不全"的问题时，通常是由于iframe的尺寸设置不当或者与被嵌入内容的尺寸不匹配导致的。下面将详细探讨如何解决这一问题以及相关的知识点。 首先，我们需要了解`&lt;iframe&gt;`的基本结构和属性。...

    jquery点击按钮隐藏父页和引用页的iframe

    例如，你可能希望在隐藏`iframe`后显示一条消息，或者在重新显示`iframe`时提供一个选项。这些可以通过扩展上述代码来实现。 在提供的压缩包文件中，"jquery_点击按钮_隐藏父页-引用页的iframe"可能包含了示例代码...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

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

    多个iframe，显示其中一个frame中的div，并处于最上层显示

    6. 实现`div`的显示和关闭逻辑。 在实际应用中，为了保证兼容性和安全性，我们需要对`postMessage`的使用进行验证，确保只接受来自可信任源的消息。同时，考虑到不同浏览器可能存在的差异，可能需要进行一些兼容性...

    iframe显示全部内容代码

    ### iframe显示全部内容代码知识点详解 #### 一、概述 在网页开发中，`iframe`（Inline Frame）是一种常用的HTML元素，它允许在一个HTML页面中嵌入另一个HTML页面或文档。通过合理设置`iframe`的属性，我们可以...

    JS去除iframe滚动条的方法

    在介绍JS去除iframe滚动条的方法之前，首先需要理解iframe元素在HTML中的作用。iframe元素代表了一个嵌入的网页，允许在一个HTML页面中嵌入另一个文档，...这些知识和技巧都是在处理iframe滚动条时应该考虑的重要方面。

    自动调节iframe高度，而不显示其滚动条 js

    本文介绍了如何使用JavaScript动态调整`iframe`的高度并隐藏其滚动条的方法。这种方法不仅能够提高用户体验，还能使得页面布局更加整洁美观。在实际应用中，还需注意安全性问题和浏览器兼容性问题，以确保功能在各种...

    使用隐藏的Iframe实现ajax无刷新上传

    - **`target`** 属性设置为 `ajaxifr`，即指向隐藏的Iframe的名字，这使得提交后的响应将显示在该Iframe内而不是当前窗口。 ##### 2. 隐藏的Iframe - `&lt;iframe name="ajaxifr" style="display:none;"&gt;&lt;/iframe&gt;`：...

    iframe对另一个iframe控制的Demo

    3. 使用JavaScript改变DOM元素的样式，如隐藏和显示iframe。 4. JSP中嵌入JavaScript代码实现动态交互。 通过深入理解和实践这些技术，开发者可以提升在Web页面交互设计和复杂布局控制方面的能力。

    iframe跨域常用问题和iframe页面自适应

    3. **响应式设计**：结合媒体查询（Media Queries）实现响应式`iframe`，使`iframe`在不同屏幕尺寸下都能良好显示。例如： ```css @media (max-width: 768px) { iframe { width: 100%; height: auto; } } ``...

    iframe里无右键菜单

    总结来说，禁用`iframe`内的右键菜单主要涉及`iframe`元素的选择和`contextmenu`事件的监听与处理。通过JavaScript的事件监听和事件处理函数，我们可以轻松实现这一功能，提供更安全、可控的用户体验。

    一点击图标div隐藏显示功能，js读取xml文件，以及iframe的用法的小示例

    在这个小示例中，我们将探讨三个主要的JavaScript技术：点击图标时隐藏或显示Div元素，读取XML文件，以及使用IFrame。下面将详细阐述这些知识点。 首先，我们来看“点击图标隐藏/显示Div功能”。在网页设计中，用户...

    iframe（图片过渡效果欣赏）

    1. **CSS动画**：可以使用CSS的`transition`或`animation`属性为图片的显示和隐藏添加过渡效果，例如淡入淡出、滑动等。 2. **JavaScript**：通过JS可以控制图片的加载顺序和切换时机，实现更复杂的交互，比如点击...

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中，`iframe`（Inline Frame）是一种常用的HTML元素，用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果，广泛应用于各种复杂的网页布局中。然而，...

    jquery插件:ajax和iframe加载提示效果1.1版

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

    js iframe 打印 打印预览 页眉页脚的设置

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

    iframe实现左侧菜单右侧页面简单示例

    在左侧菜单和右侧内容的布局中，CSS可以帮助我们设置边距、填充、浮动、定位等，确保各元素在屏幕上的位置恰到好处，同时还能实现响应式设计，让页面在不同设备上都能良好显示。 此外，提到的"没有多余功能"意味着...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    `src`属性用于指定要嵌入的页面URL，`width`和`height`属性分别定义了`&lt;iframe&gt;`的宽度和高度。`scrolling`属性可以设置为`"yes"`、`"no"`或`"auto"`，控制是否显示滚动条。而`onload`事件则可以在`&lt;iframe&gt;`内容...

    基于iframe的js动态标签tab

    同时，需要对IFrame进行适当的样式调整，如隐藏默认显示的IFrame，只在选中对应标签页时显示。 3. **JavaScript事件处理**：当用户点击某个标签页时，JavaScript会捕获这个点击事件，并执行相应的操作。这通常包括...

Magicbox
Global site tag (gtag.js) - Google Analytics