javascript - 2 iFrame 必须合二为一

Question

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

期待您的回复，提前致谢！

• 耶尔默

Answer 1

您首先使用 css 隐藏所有 iframe。

iframe {
   display:none;     
}

在 Javascript 中，您将第一个 IFrame 的显示设置为阻止并创建一个变量，该变量存储要显示的 Frame 的数字（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";
}