您现在的位置：首页 --> 查看专题： iframe
前几天，舍友去某互联网公司面前端研发工程师。回来后，他就跟我们聊了下面试官给他出的题。其中，有一道题是“如何实现iframe高度的自适应？”。好吧，我承认，我听到iframe这个词的第一反应就是：这个东西性能差、搜索引擎不友好等等。由于这样的偏见，还真没有好好研究一下iframe。其实，iframe对于第三方的广告插入还是非常有用的。这两天，好好研究了下iframe自适应的问题。研究的过程中，利用nodejs搭建了简单的服务器来测试方法的正确性。
以下代码，一般用于在当前页无刷新提交表单，其原理是把表单的target设为页面上某个iframe的id，使该iframe成为提交的目标，避免新开窗口或跳转。但这段代码在IE 6、7下无效。
在弹出层包含富编辑器时(既含有iframe时)，点击窗体任何部分，然后关闭弹出层后再次打开弹出层。这时候页面所有输入框input无法获得焦点但是链接、按钮都可以获取到，页面也不报任何错误。这种情况只是在IE下出现，我想是dom冲突了。 解决方法： 关于弹出层关闭，一般有两种方式：一是利用div隐藏或显示来控制弹出层的显示与隐藏；二是利用DOM直接移除弹出层。 第二种比较好，资料这样说 “ IE 下在移除父层的 DIV 的时候，也就是 IFrame 外层的 DIV 的时候,IE 并没有将内部的 IFrame 从 DOM 中移除,而下次触发函数创建此 IFrame 的时候,使会产生 DOM 冲突,所以解决方法就是在移除父层的 DIV 的时候,先将内部的 IFrame 也移除”
跨域修改iframe内的文字。
大家好，我是Google+基础架构团队的工程师。早在7月份，当Joseph Smarr开发出了Ask Me Anything栏目后，很多人都想知道一些关于Google+技术架构方面的信息。我们几个工程师觉得应该写一些关于这个题目的文章，给大家分享。 对于Google+团队，我们头一个要认真处理的问题就是：页面生成速度。在谷歌，我们十分在意速度，下面就是我们用来提升速度的5项技术。 1. 我们喜欢Closure 我们喜欢...
有不少wBox的用户反映iframe时候不可以自动撑开高度，今天在无意中看到了司徒正美的一片关于iframe自适用高度的js代码，感觉不错，转载来了。
客户原来有个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来解决跨域的方法。
看到断桥残雪对我上一篇日志的回复我也学习了一下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...
站内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框架中，在IE下功能正常，firefox下功能错误。主要原因，由于BO报表内嵌的frame元素较多，ie和firefox对读取iframe元素的js操作存在差异导致解决方法，修改js的相关方法，以达到不同浏览器的兼容
[ 共15篇文章 ][ 第1页/共1页 ][ 1 ]
近3天十大热文
-
[50] Go Reflect 性能 -
[18] [译]Google Chrome中的高性能网
-
[16] 关于Linux的文件系统cache
-
[16] 在FreeNAS/BSD搭建基于Nginx+
-
[15] 最近总结的一些技巧(vim,python,s
-
[13] Linux常用系统信息查看命令
-
[11] PHP加速器 eaccelerator 缓存
-
[9] 精于图片处理的10款jQuery插件
-
[9] base64_encode 和 urlenc
-
[9] Linux(Ubuntu 10.04)上安装
赞助商广告
