如果一个页面的iframe太多，会造成什么样的后果呢
如下面的页面index.html
-
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
-
<
head
>
-
<
title
>
test
title
>
-
<
style
type
=
"text/css"
>
-
<!-- -->
-
body {
-
margin: 0px;
-
}
-
--
>
-
style
>
-
head
>
-
<
body
>
-
<
center
>
-
<
iframe
src
=
"/include/topMenu_sz.jsp"
width
=
"1000"
height
=
"130"
scrolling
=
"no"
frameborder
=
"0"
noresize
=
"noresize"
id
=
"topFrame"
></
iframe
>
-
-
<
iframe
src
=
"/include/midder.jsp"
width
=
"1000"
height
=
"460"
scrolling
=
"no"
frameborder
=
"0"
noresize
=
"noresize"
id
=
"midder"
></
iframe
>
-
-
<
iframe
src
=
"/include/bottom.jsp"
scrolling
=
"no"
frameborder
=
"0"
width
=
"1000"
height
=
"20"
noresize
=
"noresize"
id
=
"bottom"
></
iframe
>
-
</center
>
-
</body
>
-
</html
>
而其中的第二个iframe,即 midder.jsp包含另外两个iframe.
-
<
table
width
=
"1000"
border
=
"0"
align
=
"center"
cellpadding
=
"0"
cellspacing
=
"0"
>
-
<
tr
>
-
<
td
width
=
"375"
valign
=
"top"
id
=
"leftTD"
>
<
iframe
id
=
"left"
width
=
"385"
height
=
"458"
src
=
"/left.jsp"
frameborder
=
"0"
scrolling
=
"no"
id
=
"left"
noresize
></
iframe
></
td
>
-
<
td
width
=
"620"
valign
=
"top"
id
=
"mapAreaTD"
>
<
iframe
width
=
"620"
height
=
"458"
id
=
"mapArea"
src
=
"/area.jsp"
frameborder
=
"0"
scrolling
=
"no"
noresize
></
iframe
></
td
>
-
</
tr
>
-
</table
>
而left.jsp又包含另外一个iframe,content.jsp
每次加载这个页面的时候都不是从上面开始加载的，从midder.jsp这个页面加载的
这样做虽然麻烦，但便于维护和修改
相对来说，Iframe主要用在以下几个地方：
1.文件无刷新上传
2.广告位，Iframe方式不影响页面加载，当然也可以用AJAX方式，但脚本代码的加载是阻塞式的
3.很多管理员后台，布局采用Iframe方式
分享到：
相关推荐
在网页开发中，`iframe`...总结，理解和掌握`iframe`的跨域解决方案以及自适应策略，对于开发高效且用户体验良好的Web应用至关重要。在实际应用中，还需要注意安全性、性能优化等问题，以提供更优质的网页服务。
总结来说，这个实例涉及了以下关键知识点： 1. HTML的`iframe`标签及其`src`属性。 2. JavaScript/jQuery对iframe内容的访问和操作。 3. 使用JavaScript改变DOM元素的样式，如隐藏和显示iframe。 4. JSP中嵌入...
总结来说，禁用`iframe`内的右键菜单主要涉及`iframe`元素的选择和`contextmenu`事件的监听与处理。通过JavaScript的事件监听和事件处理函数，我们可以轻松实现这一功能，提供更安全、可控的用户体验。
总结起来，解决DIV被IFRAME遮挡的方法有多种，从调整DIV的CSS样式，到调整IFRAME元素本身的属性，再到通过参数控制IFRAME的显示方式，都可以尝试。当然，在设计页面布局时，建议尽量避免复杂的层次结构，并且注意...
适合用于iframe框架集的几种页面刷新方法，局部刷新，动态刷新， window.location.herf的刷新方式
### 总结 通过对上述知识点的学习，我们可以更加灵活地利用JavaScript来处理`iframe`中的各种问题，包括但不限于访问、修改`iframe`内部元素、提交表单、调用方法以及触发事件等。这些技巧对于开发复杂的Web应用来...
#### 六、总结 通过对`iframe`元素及其内部内容的操作，我们可以实现许多高级功能，如动态加载外部资源、构建复杂的用户界面等。然而，在实际应用中需要注意不同浏览器之间的兼容性差异，以及潜在的安全问题。通过...
总结一下，解决"Iframe中页面显示不全"的问题，需要关注以下几点： 1. 确保`<iframe>`的`width`和`height`属性设置正确，至少应与嵌入内容的尺寸相匹配。 2. 在`<div>`中嵌套`<iframe>`时，调整`<div>`的尺寸以容纳`...
#### 六、总结 本文详细介绍了如何实现`iframe`的高度和宽度自适应，包括基本原理、示例代码以及解决兼容性问题的方法。通过这些技术，可以使`iframe`更加灵活地适应不同的内容变化，提高用户体验。在实际应用中，...
总结一下，实现`iframe`自适应高度的关键在于： 1. 使用JavaScript动态获取`iframe`内容的`scrollHeight`。 2. 在`iframe`的`onload`事件中调用更新高度的函数。 3. 跨域情况下，利用`postMessage`和`message`事件...
总结来说，实现`iframe`根据页面内容自适应高度和宽度，可以通过CSS、JavaScript以及第三方库如`iframe-resizer`来完成。不同的方法适用于不同的场景，开发者可以根据实际需求选择合适的方式。在处理跨域问题时，第...
总结，通过以上步骤，我们可以利用jQuery轻松实现iframe页面的切换功能。这种方法不仅可以提供灵活的内容展示，还可以优化页面性能，因为只需要加载用户当前关注的内容。在实际项目中，可以根据需要进行调整，例如...
总结来说，`iframe`是一个强大的网页设计元素，它可以方便地将其他网页内容嵌入到当前页面中，通过调整其属性，可以实现定制化的展示效果。然而，在使用`iframe`时，也需要考虑到潜在的技术限制和用户体验因素。对于...
总结，通过理解iframe跨域问题的本质以及各种解决方案，我们可以根据实际需求选择合适的策略。`window.name`跨域通信虽然存在一定的局限性，但在某些场景下能提供一种实用的跨域数据传递手段。在实际开发中，结合...
为了更全面地理解去除iframe滚动条的方法，我们可以总结以下几点知识点： 1. iframe元素的作用与应用场景。 2. iframe的`scrolling`属性的三个可选值及其含义。 3. 如何通过JavaScript操作iframe的属性来去除滚动条...
总结，JavaScript提供了多种在`iframe`之间传递值的方法，包括`postMessage()`、`window.name`、`location.hash`、Web存储API以及`window.parent`和`window.frames`。选择哪种方法取决于具体的需求，如是否跨域、...
总结，"iframe弹出窗"是一种利用`iframe`和自定义`div`对话框来实现的交互方式，它提供了在主页面上无缝展示外部内容的功能。通过合理的CSS布局和JavaScript控制，我们可以创建出符合需求、用户体验良好的弹出窗口。
总结来说，动态创建iframe并动态添加js执行代码是Web开发中的重要技术，它能够帮助我们实现异步加载、跨域通信等功能，但同时也需要注意相关的安全问题。通过熟练掌握这些技术，开发者能够构建更复杂、更灵活的Web...
总结 判断 iframe 是否加载完成是一个重要的步骤，在我们的开发中，我们可以使用以上三种方法来判断 iframe 是否加载完成。其中，方法一和方法二都是通用的方法，可以在多数浏览器中使用，而方法三则是 IE 浏览器...
### 总结与扩展 通过上述分析，我们可以看到“嵌入到HTML的iframe自动适应大小”这一知识点涉及到了HTML、CSS和JavaScript的综合运用，尤其是在处理不同浏览器的兼容性问题时显得尤为重要。在实际项目中，还需要...