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

  • 相关阅读:
    模拟测试48
    模拟测试47
    模拟测试46
    NOIP模拟测试29(A)
    NOIP模拟测试19
    NOIP模拟测试18(T3待更新)
    杂题
    noip模拟测试18 T2搜索
    noip模拟测试17 2019-08-11 考后反思
    noip模拟测试14 20190807 考试反思
  • 原文地址:https://www.cnblogs.com/SummerRain/p/3562531.html
Copyright © 2020-2023  润新知