- 浏览: 2286850 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴(Java网络编程精解) (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu:
拼凑,没有营养
Activiti进阶—分配组任务 -
zhangsenhao:
非常赞!代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000:
分页写得不对,应该是 : order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw:
...
SpringMVC:上传与下载 -
kingtoon:
...
XSS之xssprotect
转载:iframe自适应,跨域,JS的document.domain
http://www.cnblogs.com/olartan/archive/2009/09/23/1572264.html
1.再父窗口加上document.domain(也就是调用IFRAME的那个窗口)
XML/HTML代码
2.在子窗口加上下边代码(也就是IFRAME本身里边)
3 细节问题 IFRAME外边加个DIV,否则火狐下有问题,宽度设置好 否则他们都有问题
XML/HTML代码
http://www.cnblogs.com/olartan/archive/2009/09/23/1572264.html
1.再父窗口加上document.domain(也就是调用IFRAME的那个窗口)
XML/HTML代码
<script type="text/javascript"> document.domain = "cnmo.com"; </script>
2.在子窗口加上下边代码(也就是IFRAME本身里边)
<script type="text/javascript"> document.domain = "cnmo.com"; </script> <script type="text/javascript"> function iframeAutoFit() { try { if(window!=parent) { var a = parent.document.getElementsByTagName("iframe"); for(var i=0; i<a.length; i++) { if(a[i].contentWindow==window) { var h1=0, h2=0, d=document, ddd=d.documentElement; a[i].parentNode.style.height = a[i].offsetHeight +"px"; a[i].style.height = "10px"; if(dd && dd.scrollHeight) h1=dd.scrollHeight; if(d.body) h2=d.body.scrollHeight; var h=Math.max(h1, h2); if(document.all){h += 4;} if(window.opera){h += 1;} a[i].style.height = a[i].parentNode.style.height = h +"px"; } } } } catch (ex){} } if(window.attachEvent) { window.attachEvent("onload", iframeAutoFit); }else if(window.addEventListener) { window.addEventListener('load', iframeAutoFit, false); } </script>
3 细节问题 IFRAME外边加个DIV,否则火狐下有问题,宽度设置好 否则他们都有问题
XML/HTML代码
<div style="width:100%;margin:0 0 10px 0;"> <iframe align='middle' src='http://comments.cnmo.com/iframe_comment.php?kindid=9&articleid=<?=$pic_id?>&tw=620&style=11&font_num=180&pagesize=3' frameborder='0' marginwidth='0' marginheight='0' width='100%' scrolling='no' height='450px' style='margin-top:15px;'></iframe> </div>
发表评论
-
java json-lib & jQuery & jsonp
2016-06-30 11:31 823参考链接: 1、http://hanqunfeng.iteye ... -
JavaScript异步编程学习
2016-06-19 14:59 788一 JavaScript学习资源 1、Reg Braithwa ... -
jQuery图表(jqPlot,Highcharts)
2012-05-18 00:48 23546jQuery图表在http://www.oschina.net ... -
JavaScript中的arguments,callee,caller,call,appy [备忘]
2012-05-08 23:13 1618转载:JavaScript中的argume ... -
IE,FF获取文件绝对路径方法
2012-03-25 23:30 4978参考资料 1 解决Firefox3,IE7,IE8上传图片预览 ... -
My97DatePicker常用练习
2011-09-15 17:03 5146参考官网资料:http://www.m ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3819实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2100业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2458页面代码如下: <inpu ... -
jQuery之DOM
2011-08-17 14:45 1475参考资料 1 跳蚤的小窝:)jQuery对象和DOM对象【jQ ... -
jQuery之入门(ready)
2011-08-17 11:46 2114参考资料 1 jquery $(document).ready ... -
IE下调试JS的小工具-CompanionJS
2011-08-02 13:12 1904参考资料 1 推荐一个IE下调试JS的小工具-Companio ... -
Frameset导致Cookies和Session丢失的原因及解决办法
2011-07-25 12:28 4359参考资料 1 Frameset导致Cookies和Sessio ... -
js获取html元素宽度的思考
2011-04-13 17:17 2496转载: js获取html元素宽度的思考 http://blog ... -
MIME帮助手册
2011-04-13 17:06 1379转载:MIME帮助手册 http://www.cnblogs ... -
Javascript:通用不间断滚动&省、市、地区联动选择JS封装类
2011-04-13 12:40 3592通用不间断滚动JS封装类&省、市、地区联动选择JS封装 ... -
JS:表格排序
2011-03-24 15:09 2821参考资料 js的table排序,支持多浏览器,多列同时排序,自 ... -
JavaScript CSS Style属性对照表
2011-03-14 16:41 1446转载:JavaScript CSS Style属 ... -
国人:JSON-RPC之初识
2011-03-14 15:20 3809相关链接 1 json-rpc-for-java http:/ ... -
HTML A标记事件写法
2011-01-05 17:24 2913HTML A标记事件写法 出现状况:点击A标记事件后,整个框 ...
相关推荐
标题"iframe跨域高度自适应例子源码"指的是一个实例,展示了如何在跨域的情况下使`iframe`内容自动调整高度以适应其内部内容。这个例子提供了一个在线演示(http://okiner.cn/demo/cross-domain/iframe.html)以及源...
实现Iframe自适应高度的主要方法是通过JavaScript来获取并设置Iframe的`height`属性。以下是一种常见的实现方式: ```javascript function resizeIframe(iframeId) { var iframe = document.getElementById(iframe...
然而,当涉及到iframe的高度自适应时,如果子页面与父页面不在同一个域名下,就会出现JavaScript跨域问题,导致父页面无法直接获取子页面的高度信息。解决这个问题有多种策略,以下是一些常用的方法: 1. **...
总结起来,`iframe`高度自适应是网页开发中的常见问题,可以通过JavaScript、CSS3的新特性以及跨域通信等多种方式解决。选择哪种方法取决于项目的需求,例如兼容性、安全性以及是否跨域。理解并掌握这些技术,对于...
6. **document.domain设置**:如果主页面和IFrame都位于同一顶级域名下,但子域名不同的情况,可以通过设置`document.domain`为相同的值来实现跨域。这种方法仅限于同一顶级域名下的跨子域名操作。 以上就是跨域...
然而,当`iframe`嵌套的页面来自不同的域名(即跨域)时,由于浏览器的同源策略限制,JavaScript无法直接获取或修改这些页面的属性,比如高度。为了解决`iframe`窗口高度自适应的问题,通常需要采取一些变通的方法。...
为了解决这个问题,可以采用CORS(跨源资源共享)或者设置`document.domain`属性(只适用于同一顶级域名下的子域名)来允许跨域通信。 总的来说,理解和熟练使用`contentWindow`和`contentDocument`对于处理复杂的...
- **document.domain**:适用于同域名下的子域名之间的资源共享。 - **iframe**:利用 iframe 的 `src` 属性加载外部资源。 - **postMessage**:允许不同源的窗口之间进行通信。 - **CORS (Cross-Origin Resource ...