色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery iframe 設置父

謝彥文2年前11瀏覽0評論

在開發網頁時,我們經常會使用iframe來嵌入其他網頁或HTML文檔。但是,在某些情況下,我們需要通過父窗口來控制iframe中的內容。這就是我們需要使用jQuery iframe設置父的情況。

具體來說,通過jQuery可以使用以下方法來設置iframe的父窗口:

$(document).ready(function(){
$('iframe').each(function(){
if(this.contentWindow){
var height = $(this.contentWindow.document).height();
$(this).css('height',height);
}
});
});

上述代碼將遍歷所有的iframe元素,獲取其內容窗口的高度并將其設置為iframe的高度。這樣,當iframe內容的高度發生變化時,其父窗口也會相應地進行調整。

然而,這種方法僅適用于iframe和父窗口在同一域的情況。如果它們不在同一域,則需要使用postMessage方法來進行跨域通信。

$(document).ready(function(){
$('iframe').each(function(){
var iframe = this;
if(this.contentWindow){
this.contentWindow.postMessage('getHeight','*');
$(window).on('message',function(e){
if(e.originalEvent.data.height){
iframe.style.height = e.originalEvent.data.height +'px';
}
});
}
});
});

上述代碼可用于在不同域中的父窗口和iframe進行通信。它將向iframe發送“getHeight”消息,并將通過事件偵聽器接收到內容窗口中的高度值。

通過這些方法,可以很容易地實現jQuery iframe設置父的功能,從而實現更加靈活和優雅的網頁開發。