Javascript 在web浏览器上显示html页码
我正在创建一个基于web的教程,其中包含有多个页面的模块。我在每页的底部都有页码(xx/yy,例如“01/12”),使用html div和css。我有一个java包装器,但不知道如何获得要显示的页码,而不必手动更新每个html文件。本课程的结构为“.\L01\u CourseOrientation\p01.html”、“..\L01\u CourseOrientation\p02.html”等。每个模块中都有不同数量的html文件/页面,因此我想创建一个通用java脚本函数,该函数允许我显示当前所在的页面,无论模块中有多少页面。这将使我在需要添加或删除页面时更加容易,而不必手动更新几十个页面 Html:Javascript 在web浏览器上显示html页码,javascript,html,css,Javascript,Html,Css,我正在创建一个基于web的教程,其中包含有多个页面的模块。我在每页的底部都有页码(xx/yy,例如“01/12”),使用html div和css。我有一个java包装器,但不知道如何获得要显示的页码,而不必手动更新每个html文件。本课程的结构为“.\L01\u CourseOrientation\p01.html”、“..\L01\u CourseOrientation\p02.html”等。每个模块中都有不同数量的html文件/页面,因此我想创建一个通用java脚本函数,该函数允许我显示当前
使用window.location.href获取当前url 然后解析url
function ParseUrl(PageURL)
{
PageURL.lastIndexOf("\");
.....
...
return PAGENUMBER;
}
然后更新页码
document.getElementById(“pgnbr”).innerHTML=ParseUrl(PageURL) 您正在运行什么类型的服务器?就我个人而言,我可能会使用某种模板引擎来实现这一点。例如NodeJS,或者Laravel附带的。这可以解析当前页码,但不能处理最大页数。
#text_area {
background: url(557logo1.png) no-repeat center;
position: absolute;
font-family: Arial, sans-serif;
width: 936px;
height: 556px;
left: 44px;
top: 107px;
z-index: 7;
font-size: 18px;
color: #FFFFFF;
}
#pgnbr {
position: absolute;
font: Arial, sans-serif;
color: #FFF;
text-align: right;
padding-top: 1px;
width: 75px;
z-index: 5;
left: 890px;
top: 695px;
}
function ParseUrl(PageURL)
{
PageURL.lastIndexOf("\");
.....
...
return PAGENUMBER;
}