jQuery实现同一点击,两个不同链接,指向两个不同的iframe
来源：Mr.Think 发布时间：2010-06-21 10:52:00
标签：jQuery,链接,iframe
最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe和右侧iframe调用不同的链接.个人推荐用jQuery实现,代码简洁,扩展性强.
jQuery部分:
function gotourl(url_a, url_b)
{
$('#ifr_a').get(0).src = url_a;
$('#ifr_b').get(0).src = url_b;
}
html调用:
<a href="javascript:void(0)" onClick="gotourl('http://g.cn/','http://baidu.com');">点我下面两个iframe内容都会变</a>
<iframe src="http://mrthink.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://mrthink.net/" id="ifr_b" name="ifr_b" frameborder="0"></iframe>
通过js判断iframe的id,然后给不同id赋不同的src值也可以实现,但代码相对复杂一点.
0
投稿猜你喜欢
- 在Mysql 中删除数据以及数据表非常的容易，但是需要特别小心，因为一旦删除所有数据都会消失。删除数据删除表内数据，使用delete关键字。
产品是一款服务于人力资源的SaaS在线服务，面向HR有Web Android/iOS 小程序多个客户端后端采用RESTful风格API来提供- 在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站，
- 1.增加维度下面给出两个样例样例1：[1, 2, 3] ==> [[1],[2],[3]]import tensorflow as t
- 前言使用pandas对数据操作，筛选数据时，根据任务要求有时不仅要某列中存在空值的行，并且要删除某列中指定值所在行。1.data.dropn
- 前言：在做一个商城项目的时候，需要实现商品搜索功能。说到搜索，第一时间想到的是数据库的 select * from tb_sku where
- 目录1. 字符串的翻转2. 判断字符串是不是回文串3. 单词大小写4. 字符串的拆分5. 字符串的合并6. 将元素进行重复7. 列表的拓展8
- 服务器重新启动的情况当mysqld启动时，所有的授权表内容被读进存储器并且从那时开始生效。被服务器立即应用的情况用GRANT、REVOKE或
- 1、下载gliffy-confluence-plugin-9.1.2.obr2、解压后找到GliffyLicenseManager.clas
- 经常到这来抄抄改改代码，也贡献一个代码，主要是讨论研究用，没有封装可以进一步改进<!DOCTYPE html PUBLIC "
- 行向量方式1import numpy as npb=np.array([1,2,3]).reshape((1,-1))print(b,b.s
- 本文实例为大家分享了python绘制立方体的具体代码，供大家参考，具体内容如下#!/usr/bin/env python# This is
- 我正在开发一个档案管理系统，需要从数据库中同时调出图像及相关的文字说明，可我只做到了单纯地显示图片，像有一个数据库CHUNFENG，在数据库
- 本文实例为大家分享了python自动化生成IOS的图标，供大家参考，具体内容如下每次上架之前都要生成十几个图片感觉无聊麻烦，考虑使用脚本处理
- 一、前言在Python中，除了可以自定义模块外，还可以引用其他模块，主要包括使用标准库和第三方模块。下面分别进行介绍。二、导入和使用标准模块
- 如果我们需要修改sql server表结构，应该怎么做呢？下面就将教您如何修改sql server表结构的方法，希望对您学习sql serv
- 后续代码更新和功能添加会提交到个人github主页，有兴趣可以一起来完善！如果只是拿过去运行看结果，请注意平台相关性以及python版本号，
- 在图片上右击设置你想放在的目录补充知识：pycharm没有sciview窗口的解决（换专业版pycharm！）只有专业版才有科学模式，too
- 一、解决方案1.1 描述接口context-path后端的两个接口服务请求前缀，如下：前缀1: /bryant前缀2: /1.2 vue.c
- 开发微信小程序过程中，有个需求需要用到日期时间筛选器，查看微信官方文档后，发现官方文档的picker筛选器只能单独支持日期或者是时间，所以为
