- 浏览: 483703 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (301)
- Swing技术 (1)
- Linux (1)
- Javascript (22)
- 数据结构和算法 (3)
- J2SE (36)
- workflow (5)
- 设计模式 (14)
- web service (19)
- Ajax (14)
- 中间件 & 服务器 (8)
- 多线程 (9)
- Oracle (52)
- sys & soft (10)
- JMS (3)
- sso (9)
- android (11)
- struts2 (10)
- web协议 (2)
- 分布式 (2)
- PM (2)
- OLAP (3)
- Redis (2)
- Hibernate (7)
- ibatis (2)
- SQLServer (1)
- maven (3)
- Spring (7)
- Jsp (2)
- slf4j (1)
- jQuery (15)
- 权限 (1)
- 系统集成 (1)
- 笔记 (1)
- Freemarker (2)
- 项目管理 (1)
- eclipse (3)
- GIS (1)
- NoSql (3)
- win10 (1)
- win10网络 (2)
- 底层 (3)
- 数据库 (0)
最新评论
-
kabuto_v:
请问那种图,uml图是怎么画出来的呢?是您自己手工画的,还是有 ...
FastJSON 序列化、反序列化实现 -
梦行Monxin商城系统:
电商实例、业务并发、网站并发及解决方法 -
rockethj8:
client 㓟有一个参数是可以忽略一些URL 不进行验证登录 ...
SSO 之 (单点登录)实施中遇到的几个问题 -
mengxiangfeiyan:
好啊。。。。。
Oracle删除表,删除数据以及恢复数据、利用现有表创建新表
http://js8.in/638.html
iframe是可以做的事情非常多,比如通过iframe实现跨域,使用iframe解决IE6下select遮挡不住的问题,通过iframe解决Ajax的前进后退问题,再比如通过iframe实现异步上传。在很早我就写过一篇文章说明了Iframe在IE、firefox下的一些DOM操作。今天结合最近项目中遇见的iframe问题,再来谈谈iframe的一些常见问题解决方案。
IE下iframe背景透明问题
在firefox下,iframe背景默认的是透明的,在IE下默认不是透明的,我们可以使用allowTransparency='true' 来设置IE下的iframe为透明,另外我们使用scrolling ='no' frameborder='0'分别来实现iframe页面没有滚动条,边框宽度。
IE6下iframe不显示的问题
不得不说IE6是个操蛋的浏览器,尤其是在中国!iframe有的时候在IE6中会出现不显示的问题,主要有以下几种原因,请一一排查:
可能你的iframe没有设置宽高,例如在table不居中,计算不出来td的高度,会导致这种问题
尝试使用下面的代码来重新载入IE6下的iframe页面:
setTimeout(function(){
document.frames['fuckIE6'].location.reload();
},0)
传闻iframe标签中不要把src紧跟在iframe之后,也就是<iframe src='js8.in' name='fuckIE6'></iframe>是错误的,不过我没有碰见过类似的问题,为了保险起见,还是不要写成上面的样式为妙。
iframe跨域问题
如果遇见了iframe跨子域的问题,可以尝试在父窗口和子窗口添加document.domain="js8.in"来解决。
iframe DOM操作问题
iframe的DOM操作,我在《使用JavaScript在IE和Firefox下进行iframe的DOM操作》中已经讲解的比较详细,并且有详细的演示 ,在子窗口B操作子窗口A的时候,我使用的是通过子窗口B操作父窗口来间接操作子窗口A,也就是说通过parent来选择子窗口A然后再对其进行操作。不要使用子窗口B来创建一个DOM对象然后插入到父窗口。因为这样的操作会在IE下出错!例如下面的例子:
子窗口中的js代码:
var div = document.createElement('div');
div.id="fuckIE6";
div.innerHTML="fuckIE6";
parent.document.getElementsByTagName('body')[0].appendChild(div);
上面的代码会在IE出现问题,所以正确的方法是:
var div = parent.document.createElement('div');
div.id="fuckIE6";
div.innerHTML="fuckIE6";
parent.document.getElementsByTagName('body')[0].appendChild(div);
也就是通过父窗口创建DIV标签,然后在插入到body之后。
iframe是可以做的事情非常多,比如通过iframe实现跨域,使用iframe解决IE6下select遮挡不住的问题,通过iframe解决Ajax的前进后退问题,再比如通过iframe实现异步上传。在很早我就写过一篇文章说明了Iframe在IE、firefox下的一些DOM操作。今天结合最近项目中遇见的iframe问题,再来谈谈iframe的一些常见问题解决方案。
IE下iframe背景透明问题
在firefox下,iframe背景默认的是透明的,在IE下默认不是透明的,我们可以使用allowTransparency='true' 来设置IE下的iframe为透明,另外我们使用scrolling ='no' frameborder='0'分别来实现iframe页面没有滚动条,边框宽度。
IE6下iframe不显示的问题
不得不说IE6是个操蛋的浏览器,尤其是在中国!iframe有的时候在IE6中会出现不显示的问题,主要有以下几种原因,请一一排查:
可能你的iframe没有设置宽高,例如在table不居中,计算不出来td的高度,会导致这种问题
尝试使用下面的代码来重新载入IE6下的iframe页面:
setTimeout(function(){
document.frames['fuckIE6'].location.reload();
},0)
传闻iframe标签中不要把src紧跟在iframe之后,也就是<iframe src='js8.in' name='fuckIE6'></iframe>是错误的,不过我没有碰见过类似的问题,为了保险起见,还是不要写成上面的样式为妙。
iframe跨域问题
如果遇见了iframe跨子域的问题,可以尝试在父窗口和子窗口添加document.domain="js8.in"来解决。
iframe DOM操作问题
iframe的DOM操作,我在《使用JavaScript在IE和Firefox下进行iframe的DOM操作》中已经讲解的比较详细,并且有详细的演示 ,在子窗口B操作子窗口A的时候,我使用的是通过子窗口B操作父窗口来间接操作子窗口A,也就是说通过parent来选择子窗口A然后再对其进行操作。不要使用子窗口B来创建一个DOM对象然后插入到父窗口。因为这样的操作会在IE下出错!例如下面的例子:
子窗口中的js代码:
var div = document.createElement('div');
div.id="fuckIE6";
div.innerHTML="fuckIE6";
parent.document.getElementsByTagName('body')[0].appendChild(div);
上面的代码会在IE出现问题,所以正确的方法是:
var div = parent.document.createElement('div');
div.id="fuckIE6";
div.innerHTML="fuckIE6";
parent.document.getElementsByTagName('body')[0].appendChild(div);
也就是通过父窗口创建DIV标签,然后在插入到body之后。
发表评论
-
js 之 页面定时跳转
2013-08-27 09:30 0http://blog.sina.com.cn/s/blog_ ... -
json eval
2013-08-17 10:31 0eval :https://developer.mozil ... -
IE8避免网页显示混乱
2012-11-23 09:45 1323IE8实现“超级标准模式”的事儿,IE开发团队为了让 ... -
windows弹出窗体
2012-11-12 21:27 843http://hi.baidu.com/ying ... -
JavaScript使用小技巧
2012-11-12 20:59 1007http://xuebinxu.blog.51cto. ... -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
2012-11-12 00:46 784http://www.webshowme.com/04 ... -
Js中 关于top、clientTop、scrollTop、offsetTop的用法
2012-11-06 22:47 945http://hi.baidu.com/taom ... -
关于iFrame动态创建函数
2012-10-22 00:02 1423http://asers.blog.sohu.com/ ... -
1、javascript活跃博客和社区
2012-10-12 16:35 890javascript活跃博客和社区: 1、司徒正美 : ... -
javascript的domReady
2012-10-12 16:31 822http://www.cnblogs.com/ruby ... -
javascript控制样式
2012-10-09 23:30 819javascript,控制鼠标,如变成漏斗形式: &l ... -
JavaScript 创建类/对象的几种方式
2012-09-26 20:55 799http://blog.csdn.net/e ... -
js 刷新页面
2012-09-26 16:13 908Javascript刷新页面 ... -
JavaScript 和 Ajax 开发的最佳实践
2012-10-21 23:55 830使用外部 JavaScript 文件 最大化 Java ... -
javascript的document.write
2012-10-24 23:35 1953部分代码: <scri ... -
select元素javascript常用操作
2012-09-16 23:39 809http://xieyu.blog.51cto.co ... -
服务器端可控情形的Javascript跨域访问解决方法
2012-09-14 00:18 880http://weidagang2046.blo ... -
DOM的基本方法
2012-09-13 23:45 856http://www.webshowme.com/04 ... -
call與apply
2012-09-13 23:37 0call 方法 调用一个对象的一个方法,以另一个对象替换当前 ... -
JavaScript中的错误处理
2012-09-12 15:05 0http://younglab.blog.51cto. ...
相关推荐
NULL 博文链接:https://gadfly80.iteye.com/blog/1162303
iframe是一个标记征。是一个很好的东西,大家下下来看下
“画中画”效果--谈IFRAME标签的使用 纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么Banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一、广告效应的需要,本无可厚非,可毕竟让用户的...
浅谈Iframe网页内部的导航窗口 以上这篇浅谈Iframe网页内部的导航窗口就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
下面小编就为大家带来一篇浅谈layer的iframe弹窗给里面的标签赋值的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
1.window.self 对当前窗口自身的引用;self,window.self,window三者是等价的 ...以上这篇浅谈JS之iframe中的窗口就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
在构建B/S系统界面的时候,经常会遇到主页面index.html中嵌套其他页面的情况 ,虽然已经有的库已经提供了控件(例如jQuery easy UI),但是有时候iframe的使用是不可避免的
feb-alive github地址 体验链接 Vue页面级缓存解决方案feb-alive (上) 在剖析feb-alive实现之前,希望大家对以下基本知识有一定的了解。 keep-alive实现原理 history api vue渲染原理 vue虚拟dom原理 ...
feb-alive github地址 体验链接 使用理由 开发者无需因为动态路由或者普通路由的差异而将数据初始化逻辑写在不同的钩子里beforeRouteUpdate或者activated 开发者无需手动缓存页面状态,例如通过localStorage或者...
... ...书中先后对字体、图像、表格、框架、序列卷标、表单、排版卷标、背景标志、链接标志和框架等10个方面的问题进行探讨,希望对Html初学者有所帮助。 目录 ...第5讲:控制表格及其表项...第13讲:谈Iframe标记的使用
谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等;详细的解释来这里查:也可以直接firebug上一项项比对,...留意具有这两个属性的标签如link,script,img,iframe等;Gzip压缩所有可能的
第一层路由我写在app....描述:子路由,也叫路由嵌套,采用在children后跟路由数组来实现,数组里和其他配置路由基本相同,需要配置path和component,然后在相应部分添加来展现子页面信息,相当于嵌入iframe。 Home.v
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 ...
哪个不是满屏幕的广告,而且这种房地产商哪个不是资产过亿,每个月投入几千块去放网络广告简直就像吃顿午饭那样轻松,所以只要诚心的去和你网站相关,有共赢点的商家谈合作,相信拉广告绝对不成问题。 专业性的房产...
–前言– window对象的alert和confirm标准方法在不同...win.alert等的对话框弹出层,使用iframe作底层,确保对话框在ie7以下版本时也能把select标签覆盖在底下,这些对话框在弹出之后,是不会阻塞脚本运行的,所以win
一、废弃的标签 ... 1、能用CSS代替的元素 这些元素包含basefont、big、center、font、s...HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。 3、只
MALANDRAGEM歌曲的模仿模仿,谈到了一个侄子的日常:)歌词全是男性的,但可以用女人味唱歌,特别是因为它不仅是那里的一个侄子,我们还有侄女也:P 播放并跟随以下字母 <iframe宽度=“ 420”高度=“ 315” src =...