iframe框架如何跳转页面

Posted 2023-04-02

一个页面中镶嵌一个iframe框架，iframe框架页面内容过多有竖向滚动条，iframe框架中有页面跳转链接，作用是替换iframe框架中的页面，问题是跳转的页面内容过多，跳转后页面不是最顶端，如何设置能使跳转后的页面在最顶端

点击虚拟现实 实现页面跳转

跳转后的页面不是最顶端如何解决？

这是一个内框架，如果说你要加超链接的话 给你内框架分好之后，框架里面的你想要点击的那张图加 <a></a> 标签 置顶的话 就是你跳转之后的那个页面的问题啦 参考技术A 在页面中顶端设一个锚点然后跳转过去的时候，在地址后加上锚点名字

比如#top, 在URL带上#top追问

怎么加？能说明白点吗，我是用href="",来链接的

追答

比如在a页面的最顶端
你加一个

那跳转的链接就设成为link

追问

返回不了，你这样只能跳转到iframe框架的顶部而不能跳转到导航栏的顶部，我现在是三个页面a ,b，c。a页面中使用iframe加载b页面，b页面加载完后浏览器会出现滚动条，在多出的部分有跳转的链接，按你这种方法跳转的页面只能跳转到c页面的顶部，a页面的导航栏要向上滚动滚动条才能出现。我想实现的是点击跳转，c页面替换b页面后，不是跳转到c页面的顶部而是a页面的顶部

追答

没代码就没法帮你了，而且这种iframe的实现方式其实很不好。

使用iframe框架后的页面跳转时目标页面变为iframe的子页面的问题

<frameset rows="4,200,10,*,120" cols="*" framespacing="0" frameborder="no" border="1" >

 

    <frame src=""/>

    <frame src="<%=practiceInfoSrc %>" id="practiceInfo" name="practiceInfo"  noresize />

    <frame src="" scrolling="no"/>

    <frame src="<%=practiceSrc %>" id="prombleInfo" name="prombleInfo"  scrolling="yes" noresize />

    <frame src="<%=practiceAnswerSrc %>" id="answerInfo" name="answerInfo" noresize/> 

  </frameset>

 

总的来说，使用 iframe 时，在子页面中的跳转要十分细心，跳转的目标页面时作为子页面还是作为整个页面。从子页面使整个页面跳转的方法有两个：

（1）在标签中跳转，设置标签的 target 属性为 _parent；

（2）在 js 中使用 window.location.href 跳转，让父页面跟着一起跳转，即在window.location.href=url后面加上window.parent.location.href=url ;