變化iframe的寬度和高度，使用JavaScript

-2

蔡我改變的寬度和高度上的iframe如何爲src鏈接？使用JavaScript代碼下面我能夠改變寬度和iframe的高度，但是當有IFRAME這樣變化iframe的寬度和高度，使用JavaScript

<iframe id="myFrame" src="http://domain.com/page.php?width=400&height=400" height="400" width="400"></iframe> 

<button onclick="myFunction()">Change</button>

如何更改寬度和高度這裏page.php?width=400&height=400？是否有可能使用JavaScript？

這裏是我的JavaScript代碼來改變IFRAME

<script> 
function myFunction() { 
    document.getElementById("myFrame").height = "400"; 
    document.getElementById("myFrame").width = "400"; 
} 
</script>

來源

2017-02-23 Mm Pp

當你調用這個函數？ –

點擊@MayankPatel –

您必須取得src屬性並進行一些字符串操作，然後再次輸入src屬性。但是這樣做會重新加載iframe。 –

IFRAME SRC的嘗試

var url =document.getElementById("myFrame").getAttribute("src"); 
var newUrl = url.substring(0,url.indexOf("width")) + "width=500&height=500"; 
document.getElementById("myFrame").setAttribute("src",newUrl);

來源

2017-02-23 12:59:25

親愛的，我如何使這工作的iframe的大小呢？我的觀點是，我希望這段代碼也能夠調整iframe的大小，而不僅僅是調整它的src。 –

您應該可以使用以下代碼更改值： document.getElementById（「myFrame」）。setAttribute（「width」，「500 「） document.getElementById（」myFrame「）。的setAttribute（「高度」，「500」） –

所以你的意思是我讓你這樣的代碼''？ –

的寬度和高度，你可以這樣說：

function myFunction() { 
    $("iframe").width(678); 
    $("iframe").height(526); 
}

，或者你想用ID做那麼這樣的：

function myFunction() { 
    $("#myFrame").width(678); 
    $("#myFrame").height(526); 
}

如果你有2個iframe和你只想適用於1日則是這樣的：

<script type="text/javascript"> 
    function myFunction() { 
     $("iframe:eq(1)").width(678); 
     $("iframe:eq(1)").height(526); 
    } 
</script>

**編輯：**，您可以更新uour使用.attr

function myFunction() { 
     $("#myFrame").width(678); 
     $("#myFrame").height(526); 
     $("#myFrame").attr('src','http://domain.com/page.php?width=678&height=526'); 
    }

來源

2017-02-23 12:43:21

親愛的我想在這裏改變'page.php文件WIDTH = 400 HEIGHT = 400'不是大小O IFRAME –

意味着當您傳遞查詢字符串它應該適用於iframe？ –

你看到我上面的js代碼，它只改變iframe的大小，但不改變iframe src「Link」的大小。所以我想做的事情時，按鈕點擊它應該改變iframe的大小src這一個'page.php文件？WIDTH = 400 HEIGHT = 400'你看到有寬度和高度上的鏈接 –

變化iframe的寬度和高度，使用JavaScript

回答

相關問題