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

最新推荐文章于 2024-12-18 17:24:46 发布

原创最新推荐文章于 2024-12-18 17:24:46 发布 · 927 阅读

0 ·

CC 4.0 BY-SA版权

web篇专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用IFrame加载子页面并实现点击子页面元素时替换父页面内容的方法。通过设置IFrame的src属性及<head>标签内的target属性为_parent，可以实现在点击子页面商品图片时跳转至详情页并替换当前父窗口内容。

期望达到的效果是，在使用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后面添加的链接来实现页面的嵌套效果

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