之前在論壇里看到有個同學問關于跨域調整iframe高度的問題,正好之前解決過類似問題,鑒于此問題還是有一定的通用性,索性總結一下,記錄于此。
具體思路如下:
父頁面域名為 : www.a.com
iframe里子頁面域名為 : www.b.com
1.在父級頁面所在域名(www.a.com)下設置一個文件,(用來設置iframe的高度)比如:http://www.a.com/setheight.html
2.在子級頁面加載完畢后,計算當前頁面高度付給一個變量cheight,然后動態創建一個iframe,src是http://www.a.com/setheight.html#cheight;
3.通過在setheight.html頁面中parent.parent.document.getelementbyid(\\\’iframeid\\\’)來調整iframe的高度
4.解釋一下,在子頁面里動態創建的iframe跟當前子頁面的父級頁面是同一個域名,這樣就不存在跨域問題了。
舉例:
假設父頁面的域名是www.a.com,頁面名字是a.html;子頁面的域名是www.b.com,頁面名字是b.html
父頁面a.html的內容如下:
[html]view plaincopy
讓網站進行推廣幫你提高企業業績css中a標簽下面的線怎么加粗為你的世界杯,節約千千萬萬秒—— 騰訊云CDN云的服務器主機租用服務器掛載云盤哪里找網易嚴選酒店開業一周年,場景電商模式的探索之路五問“虛擬發布會”:看“隨幻科技”如何幫企業營銷擺脫疫情困擾最近怎么經常這樣啊搞什么