ifream 在子页面链接替换父页面

最新推荐文章于 2022-11-24 15:40:56 发布
最新推荐文章于 2022-11-24 15:40:56 发布
阅读量855 收藏
点赞数
分类专栏： web篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pqsas_com/article/details/75707670
版权


    期望达到的效果是，在使用ifream的时候，加载子页面的jsp内容，但是点击子页面的商品图片会直接跳转到商品详情页面，而这个页面会替换掉父页面来进行显示

    

<div class="content_back" >
<IFRAME id="classManagerIId" Name="classManagerIframe" FRAMEBORDER=0 SCROLLING=NO width=100% height=100% src="weishop_classInfoDetail?classId=${pd.oneId }" scrolling="auto" allowTransparency="true" style="width:100%;height:100%;"></IFRAME>
</div>

通过src后面添加的链接来实现页面的嵌套效果


打开页面替换掉父类的页面

<head>
	<base target="_parent">
</head>

在head中加入target属性

阿皓1024
关注
专栏目录
【iframe父页面调用子页面的方法】踩坑：获取元素的时候需要用 `[x]`是关键，不能用`.eq(x)`否则获取不到。
m0_55546349的博客
08-09 203
【iframe父页面调用子页面的方法】获取元素的时候需要用 `[x]`是关键，不能用`.eq(x)`否则获取不到。
父页面js监听iframe内子页面并作出响应
Karber的博客
05-28 5530
本文介绍父页面监听iframe内子页面传出的事件并作出反应的方法 父页面使用原生js 子页面使用angular 要实现的效果： 1.父页面有一个input框和一个div，初始值都为0 2.子页面有两个button，add与reduce 3.点击后分别使父页面input框和div内的值+1与-1 页面效果如下 父页面html代码 <body> <div>I'm Parent</div> <input id="displayInput" type="t
页面嵌套iframe后，点击里面的链接，然后父窗口跳转（子窗口控制父窗口的链接跳转）...
weixin_30933531的博客
05-06 588
做app的时候遇到一个问题，一个页面，然后里面嵌套了一个另一个页面，想实现点击里面的链接，然后外面进行跳转，不然的话，里面的页面永远出不来， 后面想了个办法，app的页面都是打开打开，不关闭的，然后由上一个页面用postmessage进行监听，然后子窗口发送信息给父窗口，父窗口接到信息后进行 页面跳转，Android可以，然而ios却不行，坑了；只能想另外一种办法，app打开页面不是...
js 子iframe替换父iframe中的href
记录技术点点之路
05-29 320
window.parent.frames["fmain"].location.href="http://www.iteye.com";   fmain  //表示父iframe中的一个name对象
driver.get调用iframe中的页面_一次iframe子页面与父页面的通信
weixin_39890452的博客
11-23 103
事件回顾：收到需求，说是要在别人的系统里嵌入目前由我维护的系统，嵌入的逻辑不多，只有一个创建流程。刚开始觉得没什么，不就是你改改，我改改，你给我url加个参数，我知道是你调用，修改下页面balabal。。。奈何想法总是赶不上需求。我要嵌入的页面大概是这样的↓↓↓。一共有三步,切换步骤不刷新页面要嵌入到对方的页面大概如下↓↓↓。是在一个弹出的modal框里，第一步是对方的步骤，后三步由我们嵌入。对方...
iframe子页面操作父页面
m0_62089210的博客
11-09 1625
测试弹出层日志查看二级菜单主页
原生html子页面覆盖父页面,html父页面与子页面iframe相互调用方法详解
weixin_36165152的博客
06-01 652
如果你采用嵌入iframe机制，不可避免的要用到各个iframe页面之间方法和属性的相互调用。这里介绍的是兼容各个浏览器的iframe调用方式。这里设定有3个页面，一个父页面main.html，它嵌入了两个iframe，分别是：childPage1.html和childPage2.htmlmain.html有一个函数叫parentFunc()。main.html代码如下：function pare...
获取父窗口的iframe并改变其地址
qq_40216244的博客
06-17 1175
window.parent.document.getElementById("myiframe").src='ToGisDetail.action?GId=" + GId' ; js在父页面获取iframe子页面元素代码如下: window.frames["iframe_ID"].document.getElementById("元素id"); ...
微信jssdk在iframe页面失效问题的解决措施
10-22
例如，如果需要在子页面使用微信jssdk的chooseImage接口，可以在子页面的js代码中写上parent.wx.chooseImage。这样一来，虽然调用的是子页面的接口，实际执行的却是父页面的jssdk接口。 这种方式的原理在于父页面...
Js与Jq 获取页面元素值的方法和差异对比
10-24
在Web开发中，获取页面元素的宽高、位置以及其它属性是一项基本而重要的操作。原生JavaScript（以下简称JS）和jQuery库都提供了相应的功能来实现这一目的。本文将详细介绍通过JS和jQuery获取浏览器窗口尺寸、页面...
layui弹出层子页面获取父级页面元素
testHjy的博客
11-24 3638
需求：点击父页面内容库，弹出子页面列表，点击添加按钮，将子页面信息回填到父页面中对应的区域。同过ID找到元素，再用$(元素)转为对象，再复制即可。
在父页面用Iframe加载子页面时，将父页面的title替换成子页面title
weixin_30698297的博客
09-18 811
报告管理 ...
iframe父子页面间通信总结
weixin_30236595的博客
10-09 3771
随着网页结构的复杂化，页面内嵌frame越来越常见，但不管是作为内容页来显示，还是作为组件模块嵌入，都有父子页面间通信的需求可能，因此为了更好的实现需求就必须了解父子页面间的通信。 iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。 同域下父子页面的通信 页面间通信常以页面间调用实现，包括以下几个方面：（调用包含html ...
window---页面跳转href+替换replace()+刷新reload()
muzidigbig的博客
12-06 8661
window.location.href/replace()/reload()--页面跳转+替换+刷新 一、最外层top跳转页面，适合用于iframe框架集 top.window.location.href("${pageContext.request.contextPath}/Login_goBack"); 二、跳转的区别 1.window.location.href=“url”：改...
js获取url参数来替换iframe链接地址
weixin_30614109的博客
08-20 255
<html> 　　<body> <asp:HiddenField ID="HiddenField1" runat="server" /> <iframe...
puppeteer操作ifream
最新发布
04-01
在Puppeteer中操作iframe，需要先获取到iframe的DOM元素，然后通过frame()方法将其转换成一个Page对象，然后再对其进行操作。 以下是一个示例代码： ...接着，我们就可以在这个对象中操作页面元素了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值