一个链接关联两个iframe的刷新

最新推荐文章于 2021-07-08 06:55:49 发布
最新推荐文章于 2021-07-08 06:55:49 发布
阅读量275 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： JavaScript HTML 工作 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_11799/article/details/81797093
本文介绍了一种在HTML中通过单个链接同时更新两个不同iframe内容的方法。利用特定的HTML标签属性和JavaScript代码，可以实现在点击链接时，不仅指定的iframe会跳转到新的页面，而且可以通过JavaScript触发另一个iframe的URL改变。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

昨天工作要使用一个链接关联上级页面中的两个iframe，网上查了很久，可使用下面的方法进行关联：

         <a href="XX1.html" target="target1"   onclick="javascript:parent.target2.location.href='XX2.html'">XX</a>

       其中target="target1" 关联iframe id为target1的页面，当点击链接时，由onclick事件再关联iframe id为target2的页面，其中href后的链接为要显示内容的地址。

       javascript:parent.target2.location.href中的parent表明了要关联的iframe在上级页面中。

 

 

iteye_11799
关注
前端无感刷新Token机制代码详解：让用户免登录，流畅体验！ JWT刷新token axios实现刷新token 双token机制 token过期处理 前端token管理 认证机制 认证与授权
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
11-28 237
无感刷新 token 机制是提高用户体验的一个重要手段，它避免了频繁的登录操作，提升了应用的流畅性。通过合理的设计和实现，我们能够在确保安全的同时，也让用户在使用过程中几乎感觉不到登录状态的变化，带来更好的体验。
简介：iframe 沙箱+WebComponent 容器
通达的博客
03-19 1858
基于浏览器的软件很快就会变得复杂且难以维护，尤其是当它被实现为大型单页应用程序时。通过采用微前端方法并将web应用程序设计为功能系统，您可以提供更快的功能开发、更容易的升级，并选择您在堆栈中使用的技术。Micro Frontends in Action是您简化笨重前端的指南，它由定义良好的小单元组成。
同时刷新两个iframe指向的页面，一个链接关联两个iframe的刷新
weixin_30299709的博客
06-14 277
1. index.htm中有多个iframe <framesetrows="140,1*"frameborder="no"framespacing="0"> <frameid="topframe"name="topframe"src="Top.aspx"name="top"scrolling="NO"noresizemarginwidth="0...
html点击链接滚动另一个页面,页面有两个frame,怎样点击一个的链接改变另一个的内容?...
weixin_35732273的博客
06-04 224
给你个例子自己一试就全懂了 主页面 ml function temp(id) { tElementById("temp")。src = id; } function temps(id) { alert(id); } 主页 bb cc aa 子页面 ml 这是第一个子页面 子页面 ml 第二个子页面 cc 把这三个页面放在同一个目录下面 ，打开主页面试一...
只使用frame实现多个页面的跳转
qq_39194067的博客
11-17 1500
今天主要实现在同一个页面中不使用js进行页面的跳转。首先将一个页面分为两部分，左边放置选则跳转的a标签，右边放需要跳转的内容。 右部分具体实现 <div class="right"> <iframe src="a.html" name="a" frameborder="0"></iframe> </div> ...
页面有两个frame,怎样点击一个的链接改变另一个的内容
Array丶凝
04-07 907
搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： 学生信息...
Iframe thickbox2.0使用的方法
09-06
原代码中的`TB_show`函数是用来显示Thickbox的，它接收三个参数：标题、链接地址和是否关联一个组。原始代码如下： ```javascript function TB_init() { $("a.thickbox").click(function() { var t = this.title ...
jquery tabs iFrame.pdf
02-28
`<div id="expenseTabs">` 包含了两个 `<li>` 元素，分别代表两个 tab 的标题，每个 `<li>` 下面有一个 `<a>` 标签，链接到对应的 div，如 `#noTravelExpenseDiv` 和 `#travelExpenseDiv`。这两个 div 内包含的 ...
Iframe+Cookie实现简单的单点登录
03-14
通过这两个技术的结合，可以实现在一个主应用中登录后，其他子应用自动识别用户身份的效果。 【标签】：“源码”、“工具” “源码”标签暗示文章可能包含实际的代码示例，帮助读者理解SSO系统的实现细节。而...
两个iframe，关联刷新
鲜橙C的博客
05-26 1196
IFRAME A、B是在同一个主页面中，IFRAME B中的AJAX结束之后，刷新IFRAME A。
同一页面中实现点击其中一个iframe中的链接后，将链接内容显示到另一iframe
atlim的专栏
03-20 3967
 同一页面中二个iframe，如何实现点击其中一个iframe中的链接后，将链接内容显示到另一iframe二个iframe id分别为 iframe1和iframe2,实现点击iframe1中的链接，显示到iframe2中iframe1 中包含一个 a.aspx, a.aspx中代码为： js部分： function   loadpage(page)       {    
如何在点击一个链接时，同时改变两个frame里的内容
Seven_Amber的博客
10-19 2274
做框架布局的练习的时候，想要点击top导航,然后同时改变两个frame的显示内容 这是我的布局             下面是top中的代码，也就是要实现效果的部分： 两个都变 要点是：当前框架的html名.目标框架名.location='目标页面地址' 注意两个之间用分号隔开，单双引号不区分，但是互相包含的时候必须交替出现  " 
html多个 iframe的刷新,页面中存在iframe时刷新页面的有关问题
weixin_36194553的博客
07-08 2173
页面中存在iframe时刷新页面的问题近期在开发中遇到一个很奇怪的问题：HTML页面中有个iframe，初始情况下是空的，当点击特定按钮后iframe会加载特定页面。但很快就发现有点问题了：当iframe加载了特定页面后，此时只要按F5刷新页面，iframe仍然会显示刚刚加载过的页面，而不是初始化时的空页面。但更奇怪的事是：同样的HTML代码，只要把文件名改为php(其他动态语言脚本没有试过)就不...
一个页面中有两个iframe
hwm的专栏
03-09 6091
点击左边iframe，内容显示在右边的iframe 代码：   //初始化 function initItem(){ var params="?approSeq="++"&proSeq="+; window.frames["leftFrame"].location.href = "/monitor/showLeftMonthList.action"+params; }
iframe 查询表格
最新发布
04-01
用户还提到了Layui的示例和API文档（引用[5]），Layui是一个前端框架，可能用户对使用Layui处理表格感兴趣。但用户的问题是关于iframe中的表格操作，需要结合iframe和表格处理两方面。 现在，我需要整理几种常见的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值