跨域 – 使用postMessage的跨域iframe调整器

概述我在这里阅读了所有跨域iframe帖子(感谢大家！)和其他地方. cross-domain iframe resizer?的postMessage脚本在Firefox 5及更高版本中运行良好.每次在iframe中完美地点击页面时,它会调整iframe的大小. 但它在我的计算机上的IE(7 8或9)中根本没有调整大小.我检查了安全设置,并检查了IE中用于跨域访问的设置以启用. postMessage 我在这里阅读了所有跨域iframe帖子(感谢大家！)和其他地方.

cross-domain iframe resizer?的postMessage脚本在firefox 5及更高版本中运行良好.每次在iframe中完美地点击页面时,它会调整iframe的大小.

但它在我的计算机上的IE(7 8或9)中根本没有调整大小.我检查了安全设置,并检查了IE中用于跨域访问的设置以启用.

postMessage不能在IE中运行吗？ – 或者还有其他需要添加的东西吗？谢谢

解决方法 这是一个来自thomax的精彩脚本 – 它也适用于你可以在移动设备上使用iframe – iphone和androID

对于ie7和ie8,您必须使用window.attachEvent而不是window.addEventListener
它也应该是onmessage而不是消息(见下文)ps你还需要在服务器上做同样的内容发布它的大小

<script type="text/JavaScript">if (window.addEventListener){  function resizeCrossDomainiframe(ID) {    var iframe = document.getElementByID(ID);    window.addEventListener('message',function(event) {      var height = parseInt(event.data) + 32;       iframe.height = height + "px";    },false);  }}else if (window.attachEvent){  function resizeCrossDomainiframe(ID) {    var iframe = document.getElementByID(ID);    window.attachEvent('onmessage',false);  }}</script>

总结

以上是内存溢出为你收集整理的跨域 – 使用postMessage的跨域iframe调整器全部内容，希望文章能够帮你解决跨域 – 使用postMessage的跨域iframe调整器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。