简述

h5项目,浏览商品时点进详情页面,再从详情页面返回到商品列表页面

方法

可以弄一个fixed定位隐藏div充满整个屏幕，当点击商品时，该div显示并用iframe显示详情页，点击详情页的返回再隐藏此div，效果还是很好地。
（$(‘#indexMax’, parent.document).hide(); //iframe内操作iframe外的元素）

代码

index.jsp(首页):

<script type="text/javascript">
  //返回
    function goXq(id){//详情 goXq()在上面调用
        $('#FrameIndex').attr("src", "<%=basePath%>wechatmarket/w_dssp_xq.jsp?id="+id); //iframe赋值
        $('#indexMax').show();//详情的div出现
    }
</script>

xq.jsp(详情页面):

<script type="text/javascript">
    function backToindex(){
         $('#indexMax', parent.document).hide();
         $('#FrameIndex', parent.document).attr("src", ""); //iframe赋值
    }
</script>