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

关联iframe方法
最新推荐文章于 2021-07-08 06:55:49 发布
原创 最新推荐文章于 2021-07-08 06:55:49 发布 · 284 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #HTML #工作 #ViewUI

本文介绍了一种在HTML中通过单个链接同时更新两个不同iframe内容的方法。利用特定的HTML标签属性和JavaScript代码，可以实现在点击链接时，不仅指定的iframe会跳转到新的页面，而且可以通过JavaScript触发另一个iframe的URL改变。

昨天工作要使用一个链接关联上级页面中的两个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
关注
jquery tabs iFrame.pdf
02-28
`<div id="expenseTabs">` 包含了两个 `<li>` 元素，分别代表两个 tab 的标题，每个 `<li>` 下面有一个 `<a>` 标签，链接到对应的 div，如 `#noTravelExpenseDiv` 和 `#travelExpenseDiv`。这两个 div 内包含的 ...
Iframe+Cookie实现简单的单点登录
03-14
通过这两个技术的结合，可以实现在一个主应用中登录后，其他子应用自动识别用户身份的效果。 【标签】：“源码”、“工具” “源码”标签暗示文章可能包含实际的代码示例，帮助读者理解SSO系统的实现细节。而...
同时刷新两个iframe指向的页面，一个链接关联两个iframe的刷新
weixin_30299709的博客
06-14 286
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 233
给你个例子自己一试就全懂了 主页面 ml function temp(id) { tElementById("temp")。src = id; } function temps(id) { alert(id); } 主页 bb cc aa 子页面 ml 这是第一个子页面 子页面 ml 第二个子页面 cc 把这三个页面放在同一个目录下面 ，打开主页面试一...
只使用frame实现多个页面的跳转
qq_39194067的博客
11-17 1525
今天主要实现在同一个页面中不使用js进行页面的跳转。首先将一个页面分为两部分，左边放置选则跳转的a标签，右边放需要跳转的内容。 右部分具体实现 <div class="right"> <iframe src="a.html" name="a" frameborder="0"></iframe> </div> ...
页面有两个frame,怎样点击一个的链接改变另一个的内容
Array丶凝
04-07 917
搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： 学生信息...
Iframe thickbox2.0使用的方法
09-06
原代码中的`TB_show`函数是用来显示Thickbox的，它接收三个参数：标题、链接地址和是否关联一个组。原始代码如下： ```javascript function TB_init() { $("a.thickbox").click(function() { var t = this.title ...
vue一个前端项目点击事件后访问另一个项目时需要单点登录，这两个项目如何实现
最新发布
09-13
如果两个项目没有认证中心，那么我们可以采用简化的方式：两个项目共享同一个顶级域名，通过共享Cookie实现（但需要两个项目在同一父域下）。比如，设置Cookie的domain为父域名（.example.com），这样a.example.com...
短链接统计与埋点设计：抖音如何精准追踪每一个v.douyin.com点击行为？
# 短链接统计与埋点系统的深度解构：从流量入口到数据洞察的全...而这，正是**短链接+埋点统计系统**的核心价值所在：它不只是一个URL压缩工具，而是连接前端传播与后端决策的“神经中枢”。 想象一下，品牌花了百万
两个iframe，关联刷新
鲜橙C的博客
05-26 1207
IFRAME A、B是在同一个主页面中，IFRAME B中的AJAX结束之后，刷新IFRAME A。
同一页面中实现点击其中一个iframe中的链接后，将链接内容显示到另一iframe
atlim的专栏
03-20 3987
 同一页面中二个iframe，如何实现点击其中一个iframe中的链接后，将链接内容显示到另一iframe二个iframe id分别为 iframe1和iframe2,实现点击iframe1中的链接，显示到iframe2中iframe1 中包含一个 a.aspx, a.aspx中代码为： js部分： function   loadpage(page)       {    
如何在点击一个链接时，同时改变两个frame里的内容
Seven_Amber的博客
10-19 2289
做框架布局的练习的时候，想要点击top导航,然后同时改变两个frame的显示内容 这是我的布局             下面是top中的代码，也就是要实现效果的部分： 两个都变 要点是：当前框架的html名.目标框架名.location='目标页面地址' 注意两个之间用分号隔开，单双引号不区分，但是互相包含的时候必须交替出现  " 
html多个 iframe的刷新,页面中存在iframe时刷新页面的有关问题
weixin_36194553的博客
07-08 2197
页面中存在iframe时刷新页面的问题近期在开发中遇到一个很奇怪的问题：HTML页面中有个iframe，初始情况下是空的，当点击特定按钮后iframe会加载特定页面。但很快就发现有点问题了：当iframe加载了特定页面后，此时只要按F5刷新页面，iframe仍然会显示刚刚加载过的页面，而不是初始化时的空页面。但更奇怪的事是：同样的HTML代码，只要把文件名改为php(其他动态语言脚本没有试过)就不...
一个页面中有两个iframe
hwm的专栏
03-09 6119
点击左边iframe，内容显示在右边的iframe 代码：   //初始化 function initItem(){ var params="?approSeq="++"&proSeq="+; window.frames["leftFrame"].location.href = "/monitor/showLeftMonthList.action"+params; }
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值