切换iframe的高度/宽度

Question

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

我是能够使2个简单的按钮来调整这些简单的功能

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

的iframe（请忽略比，我只是测试它。）

和按钮..

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

基本上这个代码做什么它检查是否“#frame”很小或大（假设默认大小很大），然后将其切换为其他大小。