当前位置：首页 > news >正文

javascript写一个页码器-SAAS本地化及未来之窗行业应用跨平台架构

news 2025/7/24 12:13:52

一代码

接引入 <script type="text/javascript" src="CyberWin_APP_Page.js" alt="未来之窗页码"></script>function 未来之窗页面触发器(页码){console.log("当前用户新="+页码);}CyberWin_Page.set_callback(未来之窗页面触发器);CyberWin_Page.show("pagination_page",30,3);

二、核心代码

    if(page > 2){未来之窗页码 += `<li class="cyberwin_paginatio_numb cyberwin_pagination_li" onclick=CyberWin_Page.show('${pagination_id}',${maxPage},1)>1</li>`;if(page > 3){未来之窗页码 += `<li class="cyberwin_paginatio_dots cyberwin_pagination_li">... </li>`;}}for (let pageLength = beforePage; pageLength <= afterPage; pageLength++){if(pageLength > maxPage){continue;}if(pageLength ==0){pageLength = pageLength + 1;}if(page == pageLength){activeLi = "active";}else{activeLi = "";}未来之窗页码 += `<li class="cyberwin_paginatio_numb ${activeLi} cyberwin_pagination_li" onclick="CyberWin_Page.show('${pagination_id}',${maxPage},${pageLength})">${pageLength}</li>`;}if(page < maxPage-2){未来之窗页码 += `<li class="cyberwin_paginatio_dots cyberwin_pagination_li">... </li>`;}if(page < maxPage-1){未来之窗页码 += `<li class="cyberwin_paginatio_numb cyberwin_pagination_li" onclick="CyberWin_Page.show('${pagination_id}',${maxPage},${maxPage})">${maxPage}</li>`;}if(page < maxPage){未来之窗页码 += `<li class="cyberwin_paginatiobtn cyberwin_paginatio_next cyberwin_pagination_li" onclick="CyberWin_Page.show('${pagination_id}',${maxPage},${page+1})" ><span>下一页(next)</span></li>`;}未来之窗页码+="</ul>";var 未来之窗页码容器 = document.querySelector("#"+pagination_id);// console.log(未来之窗页码);// console.log(pagination_id);//console.log(pagination_id);未来之窗页码容器.innerHTML = 未来之窗页码;//console.log(1);cyberwin_pagination_callback(page);	 };