`
hibernater
  • 浏览: 137197 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

iframe 的用法与注意事项

    博客分类:
  • html
阅读更多
好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态.
注意两个事项,ifr 是一个以存在的 iframe 的 ID 和 NAME 值:
    document.getElementById(“ifr”);
    window.frames[“ifr”];
要想使用iframe内的函数,变量就必须通过第二种方法.因为它取的是一个完整的DOM模型(不知道这样说对不对).第一种方法只是取出了一个OBJECT而已.
如果只想改变iframe的 src 或者 border , scrolling 等 attributes(与property不是一个概念,property是不能写在标签内的,比如:scrollHeight,innerHTML等),就需要用到第一种方法.
如果想取得iframe的页面(不是iframe本身),就需要使用第二种方法,因为它取得的是一个完整的DOM模型,比如想得到iframe的document.body的内容,就只能用第二种方法.
还要注意的是,如果在iframe的页面未完全装入的时候,调用iframe的DOM模型,会发生很严重的错误,所以,你要准备一个容错模式.
下面是示例,一个是aa.htm,一个是bb.htm,请先考到本地在运行,原因不用我在说了吧!


附件里是两个例子。
分享到:
评论

相关推荐

    ASP.NET iframe 的通用用法

    #### 四、注意事项 - **兼容性**: `<iframe>` 在不同浏览器中的表现可能略有差异,特别是在 IE5.5 以上的版本中支持更多功能。 - **性能**: 使用过多的 `<iframe>` 会影响页面加载速度,因此应尽量减少使用数量。 -...

    iframe的用法

    #### 注意事项 虽然`iframe`提供了很多便利,但在使用时也需要注意一些问题: 1. **性能影响**:每个`iframe`都相当于加载了一个新的页面,因此过多使用可能会导致页面加载变慢。 2. **跨域限制**:如果`iframe`...

    iframe框架用法收藏

    #### 四、优化与注意事项 - **性能优化**:虽然Iframe可以减少某些内容的重复加载,但如果使用不当,也可能导致页面加载速度变慢。因此,合理规划哪些内容适合使用Iframe加载是非常重要的。 - **跨域限制**:由于...

    完全搞定iframe(框架)里的滚动条.doc

    #### 注意事项 - 不同浏览器对iframe的支持有所不同,因此在实现过程中需要注意兼容性问题。 - 对于跨域的iframe,由于同源策略的限制,可能无法直接访问B页面的内容,此时需要考虑其他解决方案,如使用JSONP或...

    IFrame简单例子

    ### 注意事项 - 使用IFrame时需考虑跨域策略,同源策略限制了IFrame与外部资源的交互。 - 考虑到SEO和可访问性,尽量减少对IFrame的依赖,或寻找替代方案,如服务器端渲染、Web Components等。 - 对于性能优化,...

    用CSS防iframe型挂马

    #### 四、注意事项与限制条件 1. **适用范围**: 该方法只适用于IE浏览器,对于其他现代浏览器(如Chrome、Firefox等)无效。 2. **兼容性问题**: CSS表达式已经被认为是非标准的特性,并且在某些版本的IE中可能会...

    自学Iframe框架

    #### 五、注意事项 虽然Iframe提供了丰富的功能,但在使用过程中也需要注意一些事项: - **性能**: 大量使用Iframe可能会影响页面加载速度。 - **SEO**: 搜索引擎通常难以抓取Iframe中的内容,这可能对网站的搜索...

    Iframe交互语法

    #### 四、注意事项与限制 1. **兼容性**:不同的浏览器对于Iframe的支持程度有所不同,特别是早期版本的浏览器可能不支持某些属性或功能。 2. **安全性**:跨域安全策略限制了不同源之间Iframe的交互能力。 3. **...

    Iframe+Cookie实现简单的单点登录

    5. **注意事项**:讨论安全问题,如防止CSRF攻击,限制Cookie的生命周期和作用域,以及考虑无Cookie的浏览器或隐私模式。 6. **工具推荐**:可能推荐使用某些库,如CAS(Central Authentication Service)或OAuth,...

    跳出iframe

    这段代码的作用是在页面加载时检测当前页面是否被嵌套在Iframe中。如果确实如此,则让父窗口(即包含Iframe的页面)的URL指向当前页面的URL,从而达到“跳出”Iframe的效果。 #### 4. 代码解析 - **`parent.frames...

    自动改变iframe的高度

    #### 四、注意事项 - **兼容性问题:**虽然此方法在大多数现代浏览器中有效,但在IE等旧版浏览器中可能无法正常工作。因此,在实际项目中需要进行充分的测试。 - **性能考虑:**频繁调用`setWinHeight`函数可能会...

    html 网页加载

    ### 使用技巧与注意事项 1. **兼容性问题**: - 不同浏览器对`<iframe>`的支持程度不同,特别是在处理边框、滚动条等方面可能存在差异。 - 建议在现代浏览器中测试并确保兼容性良好。 2. **SEO优化**: - `src`...

    再iframe中刷新列表

    3. **注意事项**: - 使用这种方式时,需要确保所有页面都在同一个域名下,否则会因为浏览器的同源策略而无法访问其他窗口的数据。 ##### 知识点二:利用`window.open`弹出层进行数据刷新 如果弹出层是通过`...

    frame,iframe,frameset区别pdf

    **使用上的注意事项** 尽管frameset和frame标签能够实现复杂的页面布局,但它们的使用在现代网页设计中已不再推荐。主要原因是它们增加了页面的复杂度,不利于搜索引擎爬虫的抓取,而且也可能会导致用户体验上的...

    js中iframe调用父页面的方法.docx

    6. **跨页面通信的注意事项** - 确保发送和接收消息的页面都正确设置了`origin`(发送方的`origin`应与接收方的`addEventListener`中的`origin`匹配)。 - 使用`event.source`检查消息是否来自预期的`iframe`。 -...

    SEO 12点注意事项,seo优化说明

    ### SEO 12点注意事项详解 #### 一、主题网站的重要性 - **定义与作用**:专注于单一主题的网站能够获得更好的搜索引擎排名。比如“早教网”专注于早期教育和育儿,这类网站因其主题集中而被视为权威性较高,有助于...

    a标签的target链接指向iframe的方法

    本篇将详细讲解如何利用`<a>`标签的`target`属性来指定链接在哪个`iframe`中打开,以及相关注意事项。 首先,`<iframe>`标签是HTML中用于嵌入另一个文档的元素,它可以在同一个页面内显示来自不同源的内容。`...

Global site tag (gtag.js) - Google Analytics