专题：Iframe -- IT技术博客大学习 -- 共学习共进步！

iframe异步加载技术及性能

iframe异步加载技术及性能。怎样实现无阻塞的加载。

iframe大小自适应

前几天，舍友去某互联网公司面前端研发工程师。回来后，他就跟我们聊了下面试官给他出的题。其中，有一道题是“如何实现iframe高度的自适应？”。好吧，我承认，我听到iframe这个词的第一反应就是：这个东西性能差、搜索引擎不友好等等。由于这样的偏见，还真没有好好研究一下iframe。其实，iframe对于第三方的广告插入还是非常有用的。这两天，好好研究了下iframe自适应的问题。研究的过程中，利用nodejs搭建了简单的服务器来测试方法的正确性。

动态创建iframe在IE下的两个问题

以下代码，一般用于在当前页无刷新提交表单，其原理是把表单的target设为页面上某个iframe的id，使该iframe成为提交的目标，避免新开窗口或跳转。但这段代码在IE 6、7下无效。

ie下iframe输入框焦点丢失解决方案

在弹出层包含富编辑器时(既含有iframe时)，点击窗体任何部分，然后关闭弹出层后再次打开弹出层。这时候页面所有输入框input无法获得焦点但是链接、按钮都可以获取到，页面也不报任何错误。这种情况只是在IE下出现，我想是dom冲突了。解决方法：关于弹出层关闭，一般有两种方式：一是利用div隐藏或显示来控制弹出层的显示与隐藏；二是利用DOM直接移除弹出层。第二种比较好，资料这样说 “ IE 下在移除父层的 DIV 的时候，也就是 IFrame 外层的 DIV 的时候,IE 并没有将内部的 IFrame 从 DOM 中移除,而下次触发函数创建此 IFrame 的时候,使会产生 DOM 冲突,所以解决方法就是在移除父层的 DIV 的时候,先将内部的 IFrame 也移除”

跨域修改iframe内的文字

跨域修改iframe内的文字。

Google+开发团队分享经验

大家好，我是Google+基础架构团队的工程师。早在7月份，当Joseph Smarr开发出了Ask Me Anything栏目后，很多人都想知道一些关于Google+技术架构方面的信息。我们几个工程师觉得应该写一些关于这个题目的文章，给大家分享。对于Google+团队，我们头一个要认真处理的问题就是：页面生成速度。在谷歌，我们十分在意速度，下面就是我们用来提升速度的5项技术。 1. 我们喜欢Closure 我们喜欢...

iframe自适应高度代码

有不少wBox的用户反映iframe时候不可以自动撑开高度，今天在无意中看到了司徒正美的一片关于iframe自适用高度的js代码，感觉不错，转载来了。

IFrame带来的Session问题

客户原来有个Web App系统A，我们要基于A开发一个系统B，但不希望B对A依赖太重，所以B被实现为一个独立的Web App（war）。A和B部署在同一个Weblogic server上，在A中可以导航到B，两个系统看起来像是一个系统。有个小需求是，在B中希望显示一个页面，根据参数能展示出不同的信息。这个页面在A中已经存在，所以自然而然最快的方法就是在B中创建一个iframe来指向那个A中的页面，配以不同的参数，多快好省！问题很快出来了，QA发现那...

三谈Iframe自适应高度

解决跨域、同域、高度不断变化等情况下iframe高度自适应的问题。

跨域请求的iframe解决方案（2）

跨域请求的iframe解决方案。

跨域请求的iframe解决方案（1）

跨域的解决方案有许多种，就不一一介绍了，在这里主要总结一下用iframe来解决跨域的方法。

JS操作iframe里的dom

看到断桥残雪对我上一篇日志的回复我也学习了一下JS操作iframe里的dom；主要参考了断桥残雪的《用JavaScript在IE和Firefox下进行iframe的DOM操作》和支付宝UED的《用JS访问操作iframe里的dom》，非常不错的两篇文章。一、父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性，contentWindow属性是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox...

使用document.domain和iframe实现站内AJAX跨域

站内AJAX跨域可以通过document.domain和iframe实现，比如www.css88.com、js.css88.com、css88.com这3个域名其实是3个不同的域，很多时候www.css88.com和css88.com打开的可能是用一个页面，但是，他们确实是不同的域，比如www.css88.com的页面通过ajax无法直接获取css88.com域下的数据，这是由于js的安全性引起的。不过我们可以通过document.domain和iframe实现在站内的ajax跨域。查看demo：http://www.css88.com/demo/iframe-dom...

BO报表系统嵌入Iframe在firefox下的错误修改

需求概要 BO报表嵌入Iframe框架中，在IE下功能正常，firefox下功能错误。主要原因，由于BO报表内嵌的frame元素较多，ie和firefox对读取iframe元素的js操作存在差异导致解决方法，修改js的相关方法，以达到不同浏览器的兼容

iframe里src="about:blank"的问题。

很久之前就发现这个问题了，现在记录分享一下。IE下才有的问题首先不得不说，这个问题在IE下才会有。废话不多说了吧，直接上代码。