前端页面开发知识点（嵌套和分页）

 

1.src里面的内容是请求路径，对应controller中的路径，返回的是要嵌套的页面路径

<iframe src="iframe" style="width: 1145px; height: 685px;" name="contentIframe" id="contentIframe"></iframe>
 <iframe src="iframe2" style="width: 1145px; height: 766px; display:none" name="contentIframe2" id="contentIframe2"></iframe>

2.分页的两种方法

（1）使用juery.page.js自带的分页

<script type="text/javascript" src="${base}/statics/js/jquery.page.js"></script>

<div class="container common_page_wrap">
            </div>

<script type="text/javascript">
        $(function() {
            $(".container .common_page_wrap").createPage(
                            {
                                "pageCount" : "${reportList.reportInfoDTOs.pager.totalPage}",
                                "current" : "${reportList.reportInfoDTOs.pager.curPage}",
                                "total" : "${reportList.reportInfoDTOs.pager.totalRow}",
                                "backFn" : function(p) {
                                    location.href = "${base}/report/index?pageNum="
                                            + p+"&id="+${reportList.reportId};
                                }
                            });
        });
        </script>

（2）自己写的分页

<div class="container common_page_wrap">
                    <a href="${base}/news/getCopoVideoList.do?pageNum=1" class="btn begin">首页</a>
                    <#if info.data.pager.curPage==1>
                        <a href="javascript:volid(0);" class="btn pre"><</a>
                    <#else>
                        <a href="${base}/news/getCopoVideoList.do?pageNum=${info.data.pager.curPage-1}" class="btn pre"><</a>
                    </#if>
                    <a href="" class="btn page">${info.data.pager.curPage }</a>
                    
                    <#if info.data.pager.curPage==info.data.pager.totalPage>
                        <a href="javascript:volid(0);" class="btn next">></a>
                    <#else>
                        <a href="${base}/news/getCopoVideoList.do?pageNum=${info.data.pager.curPage+1}" class="btn next">></a>
                    </#if>
                    <a href="${base}/news/getCopoVideoList.do?pageNum=${info.data.pager.totalPage}" class="btn end disable">尾页</a>
                </div>