使用javascript更改iframe宽度和高度

Question

如何更改iframe上的宽度和高度是src链接？使用下面的javascript代码，我可以更改iframe的宽度和高度，但当有这样的iframe时

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

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

如何更改此处的宽度和高度页面。php？宽度=400

下面是我更改iframe宽度和高度的javascript代码

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




Answer 1

试试看

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);

Answer 2

您可以这样做：

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>

**编辑：**您可以使用. attr更新iframe的src

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