大家好！
我有一行代码：
<iframe id="ChildFrame" class="_page_frame_style" src=""></iframe>
所以我有三个按钮（id：“一”、“二”、“三”）。
我需要通过点击相应的 id 来更改 iframe 的 src。
想法是：
1. 加载页面时不显示框架。 （显示：无）
2. 当点击“一个”按钮时 - 显示 one.html。
3.当点击“二”按钮时——显示two.html。等等...
4. 制作一个按钮，将 ChildFrame 返回到 display:none。
我一直在谷歌上搜索，但每次尝试都失败了。
感谢您的每一次回复！
【问题讨论】：
function change(button){iframe.src=button.innerHTML+".html";}和<button onclick="change(this)">one</button>
这就是答案
$('#ChildFrame').attr('src', src_value)
src_value 是您要为 iframe 元素设置的源链接值
也可以看看这个链接：
【讨论】：
您可以使用element.src 在 JavaScript 中修改 HTML <iframe> 标记 src 属性。因此，您可以制作一个按钮，调用一个函数，使<iframe>的src每次都发生变化。
此外，您可以将 iFrame 默认隐藏，并在按下按钮时使用 JavaScript 再次显示。
function changeIFrame(url) {
document.querySelector("iframe").src = url;
document.querySelector("iframe").setAttribute("style", "");
}
<button onclick="changeIFrame('/page1.html')">Page 1</button>
<button onclick="changeIFrame('/page2.html')">Page 2</button>
<iframe style="display:none;"></iframe>
【讨论】：
/page1.html 和/page2.html 替换为<iframe> 中要加载的页面。此外，请确保 index.html 文件中只有 1 个 <iframe> 元素，以确保 element.querySelector() 有效。