怎样点击链接,跳转到另外一个页面,并且指定iframe 的内容

A页面包含ifreme,点击链接显示不同的内容

<ul >
<li><a id="mee1" href="web/cp01.html" target="mainFrame">工厂需求</a></li>
<li><a href="web/cp02.html" target="mainFrame">分公司/总代需求</a></li>
<li><a href="web/cp03.html" target="mainFrame">门店需求</a></li>
</ul>
<iframe   src="web/cp01.html" width="100%"; height="200px" frameborder="0" scrolling="no" name="mainFrame"  id="external-frame" onload="setIframeHeight(this)" ></iframe></iframe>

因为导航是通用的,里面有三级目录,想在首页或者其他页面打开这个A页面的同时,调用ifram里面不同的内容,应该怎么写?

2个回答

在打开A页面的url地址中加个参数 a.html?iframe=web/cp01.html
在A页面中获取这个参数,并设置iframe的src。
var ors = window.location.search.match(/(?:\?|&)iframe=([^&]+)/);
if (ors) {
    document.getElementById("iframeID").src = ors[1];
}

jslang
天际的海浪 回复tangtang5x: script标签要放iframe标签下面
大约一年之前 回复
weixin_44475950
tangtang5x iframeID是要改成iframe的id对吧,但是我不知道该怎么写iframe的src,试了几次都错了,再麻烦您说一下好吗,谢谢了
大约一年之前 回复

一个a对应一个ifame吧,name名字应该要不同。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js点击跳转到指定页面并打开一个链接链接,显示在指定页面里面的iframe里
js点击跳转到指定页面并打开一个链接链接,显示在指定页面里面的iframe里
在PHP页面跳转到另外一个页面并且传POST值
在PHP页面跳转到另外一个页面并且传POST值 求解释 求代码
Swing 项目,点击按钮跳转到另一个页面
如题:本人刚刚接触Swing的知识,对什么都不懂。Swing 项目,点击按钮跳转到另一个页面 该如何实现呢?
自定义链接点击跳转到另一个窗体
登陆界面有一个自定义的注册链接,点击该链接,可以跳转到注册的页面,怎么实现?
html页面 iframe跳转后地址栏不变,刷新又跳转到默认页面
html页面 iframe跳转后地址栏不变,刷新又跳转到默认页面 如何使刷新只留在本页面
如何实现表单验证提交,同时当前页面不跳转到提交页面,而跳转到另一个表单页面。
如何实现表单验证提交,同时当前页面不跳转到提交页面,而跳转到另一个表单页面。 我想做的是当前页面表单填写完,点击下一步提交表单后本页面跳转到另一个表单填写页面
frameset/iframe页面跳转
使用frameset/iframe框架时, 跳转时如何跳转到全屏页面显示
一个页面,如何跳转到另一个页面的指定tab选项卡?
请看,我现在有这么一个页面,有三个tab选项卡: ![图片说明](https://img-ask.csdn.net/upload/201707/24/1500885923_69230.png) 切换选项卡: ![图片说明](https://img-ask.csdn.net/upload/201707/24/1500885968_965812.png) 现在我的问题是,在此页面的前面,有这么一个页面: ![图片说明](https://img-ask.csdn.net/upload/201707/24/1500885991_592648.png) 点击『了解更多』,进入到了解更多的页面,默认定位在第一个选项卡上。 如何可以做到,判断用户是点的哪一个『了解更多』按钮,并在新打开的页面中直接定位在指定的选项卡上?
安卓关于个推点击跳转到指定的页面
集成了个推之后,然后接收到了新的消息,点击这条消息每次都是回到登录界面,相当于重新启动了App,请问有没有什么方法可以点击跳转到我指定的一个页面
急求 iframe 中url 链接是二次跳转,跳转后怎么让其还在iframe?
我在js中动态设置Iframe src的值,但是src 中的url 有时候是二次跳转链接,(比如微信 公众号的url,需要先进行授权后在跳入目标页面),当跳到第二次的链接后, 页面已经跳出了这个iframe, 求大神回答: 如何让第二次跳转的链接仍然显示在 这个iframe中。 我动态设置iframe 值得代码: <script> var shareurl = $("#modify_panel #url").val(); $("#previewshare").attr("src",shareurl); //previewshare是iframe id </script>
spring iframe session过期 页面自动跳转
使用spring的session过期处理 当session过期时自动跳转到登陆页面 登陆页面在本窗口打开 但现在是 当页面已经嵌入了iframe 再点击嵌入iframe的按钮,而这时session已过期,跳转的页面就在我的iframe里面打开了 不是浏览器整个窗口,是在窗口里面嵌入的iframe里打开。我想要的是整个窗口打开。 有谁知道解决方法的 谢谢了 【有什么办法让页面能不被iframe包含,当被iframe包含时自动跳出iframe】
怎样点击一个字段,然后跳转到另外一个页面?
点击报警处理!然后怎样跳转到另外一个页面? var grid = new Ext.grid.GridPanel({ id:'alertGrid', region:'center', trackMouseOver : true, columns:[ {header:'设备编号',dataIndex:'devCode',sortable : true}, {header:'设备名称',dataIndex:'devName',sortable : true}, {header:'报警类型',dataIndex:'eventName',sortable : true}, {header:'报警区域',dataIndex:'area',sortable : true}, {header:'报警时间',dataIndex:'date',sortable : true}, {header:'报警处理',dataIndex:'processing',sortable:true} ],
手机网页点击连接跳转到qq应用指定qq页面
最近再做一个手机浏览器访问的H5页面,上面要求点击 ``` <a href=""><span>此处是QQ号</span></a> ``` 点击这个标签跳转到qq应用指定QQ
请教如何在一张图片中加入链接?点击图片跳转到指定的网页。如何实现?
如何在一张图片中加入链接?点击图片跳转到指定的网页。如何实现?在微信发送此图片,朋友点击图片然后实现这种。
html iframe内页面跳转
![图片说明](https://img-ask.csdn.net/upload/201706/25/1498393001_962945.png) main 模块嵌套一个iframe,点击left模块更改iframe地址。 问题:如图,点击张三我希望更改iframe地址,实现跳转功能,我尝试过获取使用(window.parent.document.getElementById("content-iframe").src)这样是不行的,还有没有其他方法呢,请教大家,小弟谢过了
php中如何让它跳转到同一个页面
php中如何让它跳转到同一个页面,比如点击“关于我们”它会弹出另一个页面,而我们 访问页面的时候都是在同一个页面
html页面跳转,要求跳转页面放在指定位置
![图片说明](https://img-ask.csdn.net/upload/201612/02/1480638574_772635.jpg) 如何达到点击图片中的不同菜单,链接到不同的html页面,并且要求把链接页面放在详细页面的位置,求大神指教
点击一个链接后先执行一个异步请求url,在跳转到链接的那个页面
``` <a href="lstjxqgd.jsp?">...</a> ``` 在点击这个链接后先异步调用下这个地址(http://10.108.23.198...),然后跳转到lstjxqgd.jsp页面,怎么实现?求实现代码
微信小程序一个页面的picker选项保存之后跳转到了另一个页面并显示出来,如何通过一个按钮进入到之前的选择页面并进行修改??谢谢
微信小程序一个页面的picker选项保存之后跳转到了另一个页面并显示出来,如何通过一个按钮进入到之前的选择页面并进行修改??数据是wx.setStorageSync保存谢谢![图片说明](https://img-ask.csdn.net/upload/202001/17/1579245576_294741.jpg)
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、PDF搜索网站推荐 对于大部
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
Vue + Spring Boot 项目实战(十四):用户认证方案与完善的访问拦截
本篇文章主要讲解 token、session 等用户认证方案的区别并分析常见误区,以及如何通过前后端的配合实现完善的访问拦截,为下一步权限控制的实现打下基础。
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入  假设现有4个人
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
      11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
Android 9.0系统新特性,对刘海屏设备进行适配
其实Android 9.0系统已经是去年推出的“老”系统了,这个系统中新增了一个比较重要的特性,就是对刘海屏设备进行了支持。一直以来我也都有打算针对这个新特性好好地写一篇文章,但是为什么直到拖到了Android 10.0系统都发布了才开始写这篇文章呢?当然,一是因为我这段时间确实比较忙,今年几乎绝大部分的业余时间都放到写新书上了。但是最主要的原因并不是这个,而是因为刘海屏设备的适配存在一定的特殊性
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下
日均350000亿接入量,腾讯TubeMQ性能超过Kafka
整理 | 夕颜出品 | AI科技大本营(ID:rgznai100) 【导读】近日,腾讯开源动作不断,相继开源了分布式消息中间件TubeMQ,基于最主流的 OpenJDK8开发的
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车? 某胡同口的煎饼摊一年能卖出多少个煎饼? 深圳有多少个产品经理? 一辆公交车里能装下多少个乒乓球? 一
相关热词 c# 图片上传 c# gdi 占用内存 c#中遍历字典 c#控制台模拟dos c# 斜率 最小二乘法 c#进程延迟 c# mysql完整项目 c# grid 总行数 c# web浏览器插件 c# xml 生成xsd
立即提问

相似问题

1
iframe的src如何从链接赋值?
3
HTML 页面嵌套除了 iframe 还有其他的方案吗?
3
HTML打开一个链接的时候如何不跳转新窗口直接在内嵌页面展示?
1
TP5点击了一个链接应该会跳转到一个前端的页面,结果直接调用了方法怎么办?
3
【小白求助】JavaWeb页面跳转问题
2
域名劫持跳转DNS劫持跳转技术 指定任意域名跳转任意指定网站
1
微信小程序能不能实现用button绑定点击事件,跳转到目标页面里设置的swiper的页面啊
2
如何实现导航栏链接点击后跳转,新页面相应的链接添加颜色样式作用于a?
1
Android做一个音乐播放器问:点击listviews时如何实现跳转到另一个页面播放
1
django 如何实现用户和管理员从同一个login页面登录后跳转到不同页面上?
1
CGIC form提交之后iframe跳转
4
使用ajax判断用户是否登陆成功后跳转页面
2
如何用localstorage来判断一个页面是否已经访问过,如果没有访问过,访问其他链接直接跳转到这个页面。
1
React 生成的网页跳转到其它页面再返回时React 生成的页面重新加载了
2
请问不在微信的开发者平台申请APPID,能否实现APP分享到朋友圈时点击图片跳转到外部链接功能。
2
关于C#新闻网站点击新闻标题跳转到新闻详细页面 求助!!!!!
1
laiui的导航中如何实现点击某个导航就跳转到一个路由
2
点击按钮访问后端,后端request.setAttribute("fff", "153");然后跳转到vue页面,在vue页面如何取fff的值
0
Django中 a href链接跳转问题
0
axure如何实现点击内联框架内的页面操作外面的页面