基础：
let ifrm = document.getElementsByTagName('iframe')[0];
ifrm.src = url;
1：获取到iframe标签，赋值给一个变量
2：变量.src='想跳转的路径'
进阶版：
适当进行判断进行改变不同的跳转效果
高级版：
将所有的路径push到一个数组里面，通过点击事件传参来进行标识，获取到指定的路径
iframe框架学习笔记---点击切换路径
2023-07-11
86
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
iframe框架学习笔记---点击切换路径
目录
相关文章
|
6月前
|
JavaScript
前端开发
vue前端下载，实现点击按钮弹出本地窗口，选择自定义保存路径
这个不用代码实现（网上也找不到方法可以调出另存为窗口），更改浏览器设置就可以，否则，现在的浏览器都是默认直接保存到下载路径中
507
3
3
|
JavaScript
前端开发
|
Web App开发
移动开发
JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件，Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件，Video 禁止鼠标右键下载
337
0
0
|
4月前
|
JavaScript
前端开发
Windows
VScode的注释和标题，标签，img的src属性（如何网页上插入图片）（Mac如何开启js控制台）（如何免费复制网页中的文字）
VScode的注释和标题，标签，img的src属性（如何网页上插入图片）（Mac如何开启js控制台）（如何免费复制网页中的文字）
163
0
0
|
12月前
|
JavaScript
前端开发
|
数据处理
网络架构
|
JavaScript
|
JavaScript
热门文章
最新文章
1
Apache Flink 进阶（三）：Checkpoint 原理解析与应用实践
2
weex-html5 组件进阶
3
阿里20亿小程序繁星计划你最需要知道的几个问题（0325更新）
4
Swagger-UI 介绍及基本使用指南
5
成长的足迹：阿里巴巴5位专家技术之路的思考与感悟
6
Oracle自动清理日志脚本
7
GEE基础学习——MODIS数据修正影像质量提升
8
用rem编写移动端自适应网页
9
挑战OOAD：游戏中物品使用时候的不同功能，用OO的方式，该如何设计？
10
bootstrap36-Bootstrap 下拉菜单
1
静态方法和实例方法的区别是什么？
29
2
静态方法和类的实例方法的执行顺序是怎样的？
24
3
在静态方法中访问类的实例属性和方法时会发生什么？
26
4
后序遍历的递归和非递归实现有何区别？
23
5
二叉树的中序遍历和后序遍历的递归与非递归代码示例
25
6
ROS进阶：使用URDF和Xacro构建差速轮式机器人模型
20
7
分享一些提高二叉树遍历算法效率的代码示例
13
8
第四届生物医学与智能系统国际学术会议（IC-BIS 2025） The 4th International Conference on Biomedical and Intelligent Systems
19
9
除了 Promise.all()，还有哪些方法可以处理异步并发操作？
12
10
如何使用 Promise 处理异步并发操作？
12