<a href="javascript:;">2</a>
<a href="javascript:;">3</a>
分别对应index1.html、index2.html、index3.html；
我怎么点击1、2、3的情况下，在下面的：
<iframe src="" name=""></iframe>
中轮流切换？该怎么写？感谢。
-
等级
本版专家分：0结帖率 0% -
比如<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>
中轮流切换？该怎么写？感谢。展开阅读全文
-
等级
本版专家分：3186 -
<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>
-
等级
本版专家分：0
-
laiyu上就是iframe，我是测试，给设备做一个ui而已，这个不太懂，一般用什么？我学习学习
-
等级
本版专家分：0
-
您好，这个成功了，我没有前端的知识，只是给我的设备做个ui，又想问个幼稚的问题，这个index1.html我是扒其他设备的ui修改的，但是在iframe框架下，这个页面太小了，请问如果我要调整这个大小，应该在index1.html调整还是设置iframe的<div>的样式呢？哪种方案更优
-
等级
本版专家分：3186
-
设置iframe的样式
- WEB面试题（1）
1.列举一些块级标签和行内标签(越多越好) ···························································· 2.标签的四大通用属性是什么?分别的作用是...
- 【uniapp笔记】animation实现多组动画变gif效果（动画切换闪烁）
【uniapp笔记】animation实现多组动画变gif效果（动画切换闪烁）
- 音乐在不同HTML页面的连续播放问题
主页面使用frame,实际上是隐藏了music.html，只显示index.html，然后页面切换只是在index.html所在的那个frame发生，而主页面和music页面实际未重新加载。这样音乐可以连续播放，但缺点是没办法在index.html页面中...
- 2017、2018年JS面试题记录分享
2017面试分享（js面试题记录）1. 最简单的一道题 '11' * 2 //22 'a8' * 3 //NaN ... var a = 2, b = 3; var c = a+++b; // c = 5 var c = a+++(++b); //7, a=3, b=3 2. 一道this的问题 var num = 10; ...
- 深圳地区近期面试100多道题汇总(含超详细答案)
前言你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！哈哈????，这是一篇面试总结文章，抱歉，webpack和HTTP系列的先暂缓一下更新哈，Sorry~这篇文章是呆呆自己近...
- 几个视频播放器代码
页面插入REAL播放器代码：<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=60 id=video1 style=LEFT:0px;TOP:0px width=209><param name=_ExtentX value=5530>...
- 那些年我准备的前端面试题
commonJS相关： (1)在commonJS规范中，require,exports,module，__filename,__dirname都是通过动态编译后添加到模块的...而且必须弄清楚一点：exports是一个对象，如果重新赋值，那么不会反映到外面，但是module.expo
- Python笔记
学习网站运行环境Anaconda特点适用平台安装条件安装步骤1.1 macOS系统安装Anaconda1.2mac命令行安装1.3Windows系统安装Anaconda1.4 Linux系统安装Anaconda管理conda管理环境管理包参考资料JupyterPycharmPycharm安装...
- 霖呆呆的近期面试128题汇总(含超详细答案)
前言你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！哈哈????，这是一篇面试总结文章，抱歉，webpack和HTTP系列的先暂缓一下更新哈，Sorry~这篇文章是呆呆自己近...
- 【两万字】面试128题汇总(含超详细答案)
深圳某做海外加速器公司4月22日上午1. DIV+CSS布局的好处代码精简，且结构与样式分离，易于维护代码量减少了，减少了大量的带宽，页面加载的也更快，提升了用户的体验对SEO搜索引擎更...
- 阿里Java面经大全（整合版）
1.上来问我项目用的框架，然后问我springmvc里面有的参数的设定，问的是细节，然后问我如果传的多个值是一个对象的属性，问我如何处理，我说直接在后端接收为对象就行了，然后突然问我http怎么传对象，这里有点不...
- 深入理解JVM虚拟机1：JVM内存的结构与永久代的消失
我该为堆内存设置多大空间呢？OutOfMemoryError的异常到底涉及到运行时数据的哪块区域？该怎么解决呢？其实如果你经常解决服务器性能问题，那么这些问题就会变的非常常见，了解JVM内存也是为了服务器出现性能问题的...
- 那些年我准备的前端面试题集合
浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页，如果文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode），否则浏览器会进入怪异模式或混杂模式（Quirks mode）。
- Java面试不通过？这篇文章你看了吗？
注：本人才疏学浅，知识还在积累中，不能保证每个回答都满足各种等级的高手们，（由于一些技术的升级，部分答案不能保证实时同步准确，还请大家在阅读的时候多多留意）若发现有问题的话，请评论指出。
- 计算机网络技术及应用部分
计算机网络技术及应用部分Submitted by twinsaie on 2006-12-20 18:46:27第一章 基本通信技术1． 画出通信系统的概念模型，并简述每一部分的功能。信息源：输出连续幅度的信号；发送设备；变换信号为能够在传输媒体...
- 2017、2018面试分享（js面试题记录）记得点赞分享哦；让更多的人看到~~
2017面试分享（js面试题记录） 1. 最简单的一道题 '11' * 2 'a8' * 3 var a = 2, b = 3; var c = a+++b; // c = 5 2. 一道this的问题 var num = 10; var obj = { num:8, ...
- Nginx 笔记（四）nginx 原理与优化参数配置 与 nginx 搭建高可用集群
一、nginx 原理与优化参数配置 ...其次，采用独立的进程，可以让互相之间不会影响，一个进程退出后，其它进程还在工作，服务不会中断，master 进程则很快启动新的worker 进程。当然，worker 进程的异常退...
- java并发编程 - 线程
java线程基础知识回顾
- Java面试，值得你看的一篇整理文章。
**看到的一篇非常全面的Java面试题，非常齐全就转发来了。希望可以帮到看到这篇文章的你！ 由于文章篇幅过长，十三章节到十九章节的会在之后的文章中更新出来。或者可以直接到原文中看。谢谢 文章目录一、...
- 记录_20180417
***************@Date("2018-4-17")***************===首次审核===# 首页设计及实现# 首页功能导航# 表单下掉...必填后标识，校验# 树的第一层默认扩展# 机构，添加账户衔接# 添加账户，可以设置密码，新增重置密码#...
- 【网页学习】HTML + CSS + JS
基本语法学习查看：W3schoolHTML1）DOM（文档对象模型(Document Object Model)）HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。①获取元素：$("#id");//jQuery代码var tbody = document....
- My Java 总结
一、面向对象的编程语言的特征 面向对象的编程语言有封装、继承 、抽象、多态等4个主要的特征。 1封装：封装是保证软件部件具有优良的模块性...面向对象的封装就是把描述一个对象的属性和行为的代码封装在一个“模块
- IDEA教程
01. IntelliJ IDEA 介绍（新用户必看）本系列教程介绍本系列教程从 IntelliJ IDEA 的安装、卸载、软件设置、项目配置等各个方面进行讲解。通过本系列教程的学习，也希望你能爱上 IntelliJ IDEA，爱上它的体贴。...
- 从Android程序员的角度理解JVM内存布局
从Android程序员的角度理解JVM ...因为我们一般开发都是在ART环境，最不济也是在Dalivk环境下运行App程序，JVM吗是有点远！但是，理解JVM可以帮助我们更好的了解Java内存的布局，对象...
- HIT-CSAPP大作业
本论文旨在研究 hello 在 linux 系统下的整个生命周期：以hello.c源程序为起点，从编译、链接，到加载、运行，再到终止、回收。结合CSAPP课本，通过gcc等工具进行实际操作，顺着hello的生命周期，漫游整个计算机系统...
- 安卓test111 --58
<div class="blog-content-box"> <div class="article-header-box"> <div class="article-header"> <div class="article-title-box"> <h1 class="title...
- 玩转 css3 续
在上一篇博客里面用css3做了一个立方体，没想到阅读量竟然超过了700，很荣幸也很感动。本来这个css3动画已经做完了，但是一直是没有时间来写这篇博客，让大家久等了。闲话少叙，步入正题。 在这里首先要感谢主机屋...
- 廖雪峰Python 2.X 教程
Python简介Python是著名的“龟叔”Guido van Rossum在1989年圣诞节期间，为了打发无聊的圣诞节而编写的一个编程语言。当你用一种语言开始作真正的软件开发时，你除了编写代码外，还需要很多基本的已经写好的现成的...
- 廖雪峰Python 3.X 教程
Python是著名的“龟叔”Guido van Rossum在1989年圣诞节期间，为了打发无聊的圣诞节而编写的一个编程语言。 现在，全世界差不多有600多种编程语言，但流行的编程语言也就那么20来种。如果你听说过TIOBE排行榜，你就...
- MediaPlayer属性大全
播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause() 定位: MediaPlayer.SetCurrentEntry(lWhichEntry) MediaPlayer.Next() MediaPlayer.Previous() 循环: MediaPlayer.PlayCount = 0 0:the clip plays re...