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


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

  • 相关阅读:
    手机端不加载js文件,PC端要加载js文件
    JS数组去重和取重
    jquery遍历一个数组
    2个轮播地址
    动感Loading文字
    仿265网站LOGO,会盯着你看的眼睛
    git学习
    c++ primer 5th 笔记:第十一章
    c++ primer 5th 笔记:第十章
    c++ primer 5th 笔记:第九章
  • 原文地址:https://www.cnblogs.com/SummerRain/p/3562531.html
Copyright © 2020-2023  润新知