IFRAME 跨域 解决自适应的问题!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
02 <html>
03 <head>
04 <script type="text/javascript">
05 if (window.addEventListener) { //for W3C DOM
06 window.addEventListener("message", receiveSize, false);
07 } else if (window.attachEvent) { //for IE
08 window.attachEvent("onmessage",receiveSize);
09 }
10 function receiveSize(e) {
11 if (e.origin === "http://www.bar.net/") // for security: set this to the domain of the iframe - use e.uri if you need more specificity
12 document.getElementById("bar").style.height = e.data + "px";
13 }
14 </script>
15 </head>
16 <body>
17 <iframe id="bar" src="http://www.bar.net/iframe.html" scrolling="no" > </iframe>
18 </body>
19 </html>

www.bar.net/iframe.html
ソースを表示
印刷SyntaxHighlighterについて
01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
02 <html>
03 <head>
04 <script type="text/javascript">
05 if (window.addEventListener) { //for W3C DOM
06 window.addEventListener("load", postSize, false);
07 }else if (window.attachEvent) { //for IE
08 window.attachEvent("onload",postSize);
09 }
10 function postSize(e){
11 var target = parent.postMessage ? parent : (parent.document.postMessage ? parent.document : undefined);
12 if (typeof target != "undefined" && document.body.scrollHeight)
13 target.postMessage(document.getElementById("foo").scrollHeight, "*");
14 }
15
16 </script>
17 </head>
18 <body>
19 <div id="foo" style="height: 1500px; background:red;"></div>
20 </body>
21 </html>


哈哈 代码是从 鬼子 那里找来的 解决方法还不错!学习了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值