解决Iframe跨域高度自适应,利用window.postMessage()实现跨域消息传递页面高度(JavaScript)

在iframe跨域引用高度自适应这块写的js方式都试了不管用,最终使用的是window.postMessage() 跨域获取高度 传递信息

 

1.首先,在主页面上使用iframe引入子页面:也就是A.html页面引入B.html页面,下面看看A.html解决Iframe跨域高度自适应,利用window.postMessage()实现跨域消息传递页面高度(JavaScript)_第1张图片



    
        
        
    
    
        
    
        
Hello! Is A.Html
View Code

2.子页面代码块js下边是B.html页面,B.html页面

解决Iframe跨域高度自适应,利用window.postMessage()实现跨域消息传递页面高度(JavaScript)_第2张图片

View Code

这里是写好的ifram引用地址 可以参考  http://liting400.cn/

你可能感兴趣的:(解决Iframe跨域高度自适应,利用window.postMessage()实现跨域消息传递页面高度(JavaScript))