【转】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>就没有问题 了!

目录
相关文章
|
5月前
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
|
8月前
|
缓存
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
163 0
|
JavaScript
js监听页面或元素scroll事件,滚动到底部或顶部
js监听页面或元素scroll事件,滚动到底部或顶部
1088 0
js监听页面或元素scroll事件,滚动到底部或顶部
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
169 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
【Layui】关闭当前页面刷新父级页面
【Layui】关闭当前页面刷新父级页面
392 0
|
移动开发
iframe父页面跨域向子页面传递消息
iframe父页面跨域向子页面传递消息
1145 0
|
JavaScript 前端开发 Go