我看了幾篇文章,並嘗試了一些方法,但沒有結果。 我需要做的是動態調整父級iframe標記的高度。 我不能修改我穿上IFRAME SRC的頁面,因爲它是在另一臺服務器內網的應用程序。的iframe調整跨域沒有控制
我知道有安全問題,但我需要在頁面上此功能,如應用程序應該能顯示在網頁內聯網無縫。 我希望看到實現此目的的選項,方法或解決方法。
我也嘗試調整基於scroball的iframe,但沒有運氣。
任何人都可以幫助我。
我看了幾篇文章,並嘗試了一些方法,但沒有結果。 我需要做的是動態調整父級iframe標記的高度。 我不能修改我穿上IFRAME SRC的頁面,因爲它是在另一臺服務器內網的應用程序。的iframe調整跨域沒有控制
我知道有安全問題,但我需要在頁面上此功能,如應用程序應該能顯示在網頁內聯網無縫。 我希望看到實現此目的的選項,方法或解決方法。
我也嘗試調整基於scroball的iframe,但沒有運氣。
任何人都可以幫助我。
父:
http://jsbin.com/ujAqemI/1/edit
function handleMessage(e) {
if (e.data.action == 'resize') {
var targetHeight = e.data.height;
$('#iFrame').animate({
height: targetHeight
});
}
}
window.addEventListener("message", handleMessage, false);
的IFRAME:
http://jsbin.com/azUWIye/1/edit
parent.postMessage({
'action':'resize',
'height': 400
}, '*');
我是postmessage方法,我不得不讓應用程序的所有者在他們的應用程序中添加廣告代碼。 –
您可以更改使用jQuery容易足夠的高度屬性。 代碼:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script>
function ChangeIframeHeight()
{
$('#iframename').attr('height', "900") //Changes the "height" attribute to 900
}
<body>
<iframe src = "http://google.com" height = "600" width = "900"></iframe>
</body>
</html>
你應該能夠通過jQuery沒有問題修改
我曾經用easyxdm解決過這個問題,很容易 –