变化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

回答

相关问题