织梦列表页输入分页数跳转到指定分页的修改方-巨人网络

主页 > 网站建设 > 建站知识 > 织梦列表页输入分页数跳转到指定分页的修改方

织梦列表页输入分页数跳转到指定分页的修改方

POST TIME:2020-03-30 16:40

蓝色安防器材公司类整站模板

html5响应式网站织梦模板源码IT网络工作室织梦网

工业环保工程类企业网站织梦模板(带手机端)

软件APP类网站源码织梦通用型企业网站源码html

网站列表页中如果有很多资讯，就自然会分成很多分页，在分页想如果想要输入页码就可以跳转到指定的页面也可以提升网站用户体验度，实现这样的效果可以在模板中直接添加代码，也可以做js调用。
打开列表页模板/templets/default/list_article.htm
将下列代码插入<head></head>之间，也可以做JS调用。
<script type="text/javascript">// <![CDATA[
function onCheckPage(){
var beginPage = parseInt(document.beginPagefrm.beginPage.value);
if(isNaN(beginPage)){
alert("请输入数字！");
retu false;
}
if(beginPage <= 0 ) { beginPage = 1; } if(beginPage > 100){
beginPage = 100;
}
if(beginPage > 1 ) {
document.beginPagefrm.action = "list_{dede:field name='typeid'/}_" + beginPage + ".html";
} else {
document.beginPagefrm.action = "{dede:type typeid=’0′ row=1}[field:typelink /]{/dede:type}";
}
retu true;
}
</script>
下面的是列表页的分页代码，替换原来的分页代码，具体的显示样式自己调整。
<div class="dede_pages">
<ul class="pagelist">
<form name="beginPagefrm" method=post action="" onsubmit="retu onCheckPage()">
{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}直接到第<input size=4 name="beginPage" value="">页<input type="submit" name="Submit" value="前住">
</form>
</ul>
</div>