【转】iframe页面跳转时,导致父页面滚动!该怎么解决?

简介: HTML code                             两个iframe 一个topFrame,一个mainFrame在aaaa.aspx的js里写的代码, JScript code function fnSetUrl() { var frame = parent.
HTML code
<body> 
  <form id="form1" runat="server">
     <iframe id="topFrame" width="800px" height ="140px;" style=" margin:0px 0px 0px 0px" frameborder="0" scrolling="no" src="topStocks.aspx">
    </iframe>
     <iframe id="mainFrame" width="800px" name="mainFrame" scrolling="no" style=" margin:0px 0px 0px 0px" height ="500px" frameborder="0" src="aaaa.aspx">
    </iframe>
  </form>
</body>

   

两个iframe 一个topFrame,一个mainFrame
在aaaa.aspx的js里写的代码,

JScript code
function fnSetUrl() { var frame = parent.document.getElementById("mainFrame"); frame.src = "bbbbb.aspx; }


执行fnSetUrl() 导致父页面滚动了(像锚一样滚动到mainFrame)!

------回答---------
------回答(50分)---------

你执行的涵数fnSetUrl()时肯定是用到了A标签(<a href='#' onclick='fnSetUrl()'>跳转</a>)
这样先执行href="#"这个操作后,导致了父页面滚动
改成<a href='javascript:fnSetUrl()' >跳转</a>就没有问题 了!

------回答---------

 

------回答(50分)---------


你执行的涵数fnSetUrl()时肯定是用到了A标签(<a href='#' onclick='fnSetUrl()'>跳转</a>)
这样先执行href="#"这个操作后,导致了父页面滚动
改成<a href='javascript:fnSetUrl()' >跳转</a>就没有问题 了!

目录
相关文章
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
198 0
|
JavaScript
JS 页面前进、页面后退、页面跳转的方法
JS 页面前进、页面后退、页面跳转的方法
|
缓存
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
324 0
|
JavaScript 前端开发 Go
页面前进、页面后退、页面跳转的方法
页面前进、页面后退、页面跳转的方法
142 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
241 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
|
JavaScript 容器
原生JS路由实现页面跳转
写JS原生路由时可从以下几个方面入手 监听a标签,并给href里的url加锚点链接 一般情况下菜单栏的加载模式中,都是通过<a>中的href='/xxxx’来跳转到指定的页面,所以路由的第一步就是监听到此菜单栏中<a href='/xxx'>的点击事件,并在点击时通过event.preventDefault()阻止浏览器的默认行为。阻止默认行为后,咱们就可以通过#/index这种形式给拿到的url加锚 监听hashchange事件,并在监听被触发时加载对应的页面 通过hashchange函数来监听加了锚之后的url(即hash),监听到hash的变化后,我们可以拿到点击时的url,通过调用R
367 0
|
Web App开发 JavaScript Android开发
jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
webtouch(webapp)页面,防苹果手机safari浏览器,往上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。
421 0

热门文章

最新文章