Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在web浏览器上显示html页码_Javascript_Html_Css - Fatal编程技术网

Javascript 在web浏览器上显示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脚本函数,该函数允许我显示当前

我正在创建一个基于web的教程,其中包含有多个页面的模块。我在每页的底部都有页码(xx/yy,例如“01/12”),使用html div和css。我有一个java包装器,但不知道如何获得要显示的页码,而不必手动更新每个html文件。本课程的结构为“.\L01\u CourseOrientation\p01.html”、“..\L01\u CourseOrientation\p02.html”等。每个模块中都有不同数量的html文件/页面,因此我想创建一个通用java脚本函数,该函数允许我显示当前所在的页面,无论模块中有多少页面。这将使我在需要添加或删除页面时更加容易,而不必手动更新几十个页面

Html:


使用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;
}