2 iFrame必须成为一体

Question

我有2个iFrame，但是我想要隐藏一个，当点击一个按钮时我希望它们切换。到目前为止，有2个iFrame，但我可能需要更多，更多（如19）。是否有可能出现这样的事情？

等待您的回复，并提前致谢！

• jelmer

Answer 1

首先用css隐藏所有iframe。

iframe {
   display:none;     
}

在Javascript中，您设置要阻止的第一个IFrame的显示，并创建一个变量，该变量存储要显示的帧的数字编号（0 =第一个，1 =第二个等）

var iframearray = document.getElementsByTagName("iframe");
iframearray[0].style.display = "block";
var visibleFrame = 0;

然后使用onClick事件创建一个按钮。

<input type="button" onClick="hideNext" />

最后，您将使用Javascript函数显示下一个框架

function hideNext(){
iframearray[visibleFrame ].style.display = "none";
visibleFrame++;
iframearray[visibleFrame ].style.display = "block";
}