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

四、阿雪技术观

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

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

扫码，可学习更多。