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

一代码

 

接引入 <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);	 };

三、完整源码

GitHub - cyberwin/CyberWin_APP_Page

四、阿雪技术观

拥抱开源与共享，见证科技进步奇迹，畅享人类幸福时光！

让我们积极投身于技术共享的浪潮中，不仅仅是作为受益者，更要成为贡献者。无论是分享自己的代码、撰写技术博客，还是参与开源项目的维护和改进，每一个小小的举动都可能成为推动技术进步的巨大力量

扫码，可学习更多。