Javascript 切换iframe高度/宽度

所以我想做一个切换按钮为2个不同大小的我的框架

我能够用这些简单的函数制作两个简单的按钮来调整iframe的大小

function changeframe_big()
{
    document.getElementById('frame').width = 1000;
    document.getElementById('frame').height = 600;
}



function changeframe_small()
{
    document.getElementById('frame').width = 640;
    document.getElementById('frame').height = 360;
}

（请忽略比率，我只是在测试。）

还有按钮

<button id="change_big" onClick="changeframe_big()">BIG</button>
<button id="change_small" onClick="changeframe_small()">SMALL</button>

BIG
小的

所以，基本上我只想做一个按钮，在这两种尺寸之间切换

我不知怎的在努力完成这件事

谢谢你的帮助

---

谢谢。

假设给定的代码有效，您可以执行以下操作：

您的HTML:

<button id="toggle" onClick="toggle()">Toggle</button>

var small=false;
function toggle()
{
    if(small){
        document.getElementById('frame').width = 1000;
        document.getElementById('frame').height = 600;
        small=false;
        }
    else{
        document.getElementById('frame').width = 640;
        document.getElementById('frame').height = 360;
        small=true;
        }
}

基本上，这段代码的作用是检查“#frame”是小还是大（假设默认大小为大），然后将其切换到其他大小