轮流点击多个标签怎么在一个frame切换各种的src？

[qq_3095349095]

比如<a href="javascript:;">1</a>
<a href="javascript:;">2</a>
<a href="javascript:;">3</a>
分别对应index1.html、index2.html、index3.html；
我怎么点击1、2、3的情况下，在下面的：
<iframe src="" name=""></iframe>
中轮流切换？该怎么写？感谢。

[想来想去始终想不到名字]

好奇问下，现在还有人用iframe?

[Logerlink]

<script>
       window.onload = function(){
              let aDoc = document.querySelectorAll('.a-btn')
              for(let i = 0;i<aDoc.length;i++){
                     aDoc[i].addEventListener('click',changeIframe);
              }
       }
       function changeIframe(){
              let src = this.getAttribute('src')
              let iframe = document.querySelector('.iframe-change') || ''
              if(iframe != ''){
                     iframe.setAttribute('src',src)
              }
       }
</script>
<div>
       <a href="javascript:;" src="index1.html" class="a-btn">1</a>
       <a href="javascript:;" src="index2.html" class="a-btn">2</a>
       <a href="javascript:;" src="index3.html" class="a-btn">3</a>
       <iframe src="" class="iframe-change"><iframe>
</div>

[qq_3095349095]

引用 1 楼 XiZiRuanJianKeJi 的回复:

好奇问下，现在还有人用iframe?

laiyu上就是iframe，我是测试，给设备做一个ui而已，这个不太懂，一般用什么？我学习学习

[qq_3095349095]

引用 2 楼 Logerlink 的回复:

<script>
       window.onload = function(){
              let aDoc = document.querySelectorAll('.a-btn')
              for(let i = 0;i<aDoc.length;i++){
                     aDoc[i].addEventListener('click',changeIframe);
              }
       }
       function changeIframe(){
              let src = this.getAttribute('src')
              let iframe = document.querySelector('.iframe-change') || ''
              if(iframe != ''){
                     iframe.setAttribute('src',src)
              }
       }
</script>
<div>
       <a href="javascript:;" src="index1.html" class="a-btn">1</a>
       <a href="javascript:;" src="index2.html" class="a-btn">2</a>
       <a href="javascript:;" src="index3.html" class="a-btn">3</a>
       <iframe src="" class="iframe-change"><iframe>
</div>

您好，这个成功了，我没有前端的知识，只是给我的设备做个ui，又想问个幼稚的问题，这个index1.html我是扒其他设备的ui修改的，但是在iframe框架下，这个页面太小了，请问如果我要调整这个大小，应该在index1.html调整还是设置iframe的<div>的样式呢？哪种方案更优

[Logerlink]

设置iframe的样式

[⁤小白]

引用 1 楼 XiZiRuanJianKeJi的回复:

好奇问下，现在还有人用iframe?

请教一下还有什么方法可以让一个文档中加载多个网页?