gpt4 book ai didi

javascript - 在网络浏览器上显示 html 页码

转载 作者:行者123 更新时间:2023-11-28 04:23:15 51 4
gpt4 key购买 nike

我正在创建一个基于 Web 的教程,其中包含多个页面的模块。我在每个页面的底部都有页码(xx of yy,例如“01/12”),使用 html div 和 css。我有一个 java 包装器,但无法弄清楚如何获取要显示的页码,而不必手动更新每个 html 文件。该类(class)的结构为“..\L01_CourseOrientation\p01.html”、“..|L01_CourseOrientation\p02.html”等。每个模块中都有不同数量的 html 文件/页面,所以我想创建一个通用的java 脚本函数,它允许我显示我当前所在的页面,无论模块中有多少页面。这将使我在必须添加或删除页面时更加轻松,而不必手动更新数十个页面。

HTML:

<html>
<body>
<div id="text_area">Course information here</div>
<div id="pgnbr">01 / 10</div>
</body>
</html>

CSS:

#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;
}

最佳答案

使用 window.location.href 获取当前 url

然后解析url

function ParseUrl(PageURL)
{
PageURL.lastIndexOf("\");
.....
...
return PAGENUMBER;
}

然后更新页码

document.getElementById("pgnbr").innerHTML =ParseUrl(PageURL);

关于javascript - 在网络浏览器上显示 html 页码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42096491/

51 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com