Question

我想要一个按钮来打开iframe。我已经尝试了各种形式的onclick，但我错过了将这两段代码放在一起的秘密。

<button type="button">Test</button>
<iframe style="visibility:hidden;display:none" src="example.com"></iframe>

Answer 1

只需使用id :)

请尝试以下代码：即使制作真正的js功能更好;）

这只是展示iframe Preloaded

<button type="button" onclick="var a = document.getElementById('myIframe');a.style.display='block'">Test</button>
<iframe id="myIframe" style="width:100px;height:100px;display:none" src="google.com"></iframe>

这会显示iframe并加载它：

<button type="button" onclick="var a = document.getElementById('myIframe');a.src='http://google.com';a.style.display='block'">Test</button>
<iframe id="myIframe" style="width:100px;height:100px;display:none" src=""></iframe>

Answer 2

我认为您应该尝试在按钮单击上创建iframe，然后附加到DOM。在按钮的单击功能上创建iframe节点并定义其src并将其附加到DOM

Answer 3

我发现这完美无缺：

<iframe style="display:none;" name="some"/>

<form method="GET" target="some">
    <button type="submit" formaction="choice1.com">Choice1</button>
    <button type="submit" formaction="choice2.com">Choice2</button>

</form>

用于打开隐形框架的按钮

3 个答案: