Question

所以我想为我的画面的两种不同尺寸制作一个切换按钮。

我能够使用这些简单的函数制作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>

所以，基本上我只想制作一个按钮，它可以在这两种尺寸之间切换。

我以某种方式努力完成这项任务。

我感谢任何帮助。

谢谢。

Answer 1

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

您的HTML：

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

你的JS：

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

这个代码的作用基本上是检查＆＃34; #frame＆＃34; 是小还是大（假设默认大小很大），以及然后将它切换到另一个大小。

切换iframe高度/宽度

1 个答案: