`
YYBOB
  • 浏览: 35432 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

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

阅读更多

昨天工作要使用一个链接关联上级页面中的两个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在上级页面中。

 

 

分享到:
评论

相关推荐

    Iframe+Cookie实现简单的单点登录

    通过这两个技术的结合,可以实现在一个主应用中登录后,其他子应用自动识别用户身份的效果。 【标签】:“源码”、“工具” “源码”标签暗示文章可能包含实际的代码示例,帮助读者理解SSO系统的实现细节。而...

    jquery tabs iFrame.pdf

    `&lt;div id="expenseTabs"&gt;` 包含了两个 `&lt;li&gt;` 元素,分别代表两个 tab 的标题,每个 `&lt;li&gt;` 下面有一个 `&lt;a&gt;` 标签,链接到对应的 div,如 `#noTravelExpenseDiv` 和 `#travelExpenseDiv`。这两个 div 内包含的 ...

    Iframe thickbox2.0使用的方法

    原代码中的`TB_show`函数是用来显示Thickbox的,它接收三个参数:标题、链接地址和是否关联一个组。原始代码如下: ```javascript function TB_init() { $("a.thickbox").click(function() { var t = this.title ...

    自己做的ASPNETAJAX-AjaxUpdatePanel_UpdateProgress控件例子

    同时,他们可能添加了一个UpdateProgress控件,设置其关联的AjaxUpdatePanel,以便在后台处理时显示进度提示。 【开发步骤】 1. 添加ScriptManager控件到页面头部,它是ASP.NET AJAX的基础,负责管理页面上的AJAX...

    UpdatePanel ModalPopup经典实例

    UpdatePanel是ASP.NET AJAX库中的一个服务器控件,它通过异步传输(Ajax)技术实现了页面的局部刷新。在传统的Web应用中,每次用户与页面交互都需要进行完整的页面回发,导致页面加载时间较长。而使用UpdatePanel,...

    js href的用法

    这两个属性实际上等价,都是用来获取或设置当前浏览器窗口的URL。当你需要重定向用户到另一个页面时,可以这样做: ```javascript window.location.href = 'http://www.example.com'; ``` 这将使当前页面跳转到指定...

    Javascript笔记

    通过使用iframe,可以在页面中嵌入另一个页面,从而实现局部刷新的效果,常用于图片上传等场景。 ### JavaScript JQuery框架使用 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画以及...

    动易专业版——Upgrade_SiteFactory.Professional_2.5.2.0-2.5.3.0的升级包

    ●网站绑定两个域名,用户在非网站配置的域名下无法登陆。 ●扣除金额/积分/点券时,没有同步用户信息中的消费数。 ●批量替换图片模型的内容标题出现找到对应的字段TitleFontColor的错误。 ●后台首页因加载延迟...

    Ajax学习资料

    - **下拉列表联动**:通过JavaScript预先加载数据,当一个下拉列表发生变化时,使用JavaScript匹配并更新另一个下拉列表。 - **局部刷新**:利用`iframe`可以实现页面部分区域的更新,但这种方法存在一定的局限性和...

    KODExplorer 芒果云-资源管理器

    - 你可以把他当做管理linux的一个操作系统界面 - 可以用来作为私有云存储系统,存储你的文件... - 当然你也可以用来分享文件 - Web IDE / browser code editor awesomeness - 更多场景等你来挖掘!…… #### 3....

    ARCH4系统开发指南

    2.23.1 一个原币和一个折币getGgExchProcess 62 2.23.2 一个原币和多个折币getGgExchListProcess 63 2.23.3 多个原币和一个折币getGgExchListListProcess 63 2.23.4 关于回调函数 64 2.24 同一个Edit页面用于多模块...

    Learn-html-css-js

    在`&lt;html&gt;`内,有两个重要的子元素`&lt;head&gt;`和`&lt;body&gt;`,`&lt;head&gt;`用于存储元信息(如标题、字符编码等),`&lt;body&gt;`则包含网页的实际内容。 2. 标签与属性:HTML由各种标签组成,如`&lt;p&gt;`表示段落,`&lt;h1&gt;`到`&lt;h6&gt;`代表...

Global site tag (gtag.js) - Google Analytics