Показать номер страницы html в веб-браузере

Я создаю веб-учебник с модулями, которые имеют несколько страниц. У меня есть номер страницы (xx of yy, например, «01/12») внизу каждой страницы, используя html div и css. У меня есть оболочка java, но не могу понять, как получить номер страницы для отображения, без необходимости вручную обновлять каждый html-файл. Курс структурирован как «.. \ L01_CourseOrientation \ p01.html», «.. | L01_CourseOrientation \ p02.html» и т. Д. Каждый модуль имеет в нем различное количество html-файлов/страниц, поэтому я хочу создать универсальный java script, который позволит мне отображать страницу, на которой я сейчас нахожусь, из-за того, что в модуле много страниц. Это упростит, когда мне придется добавлять или удалять страницы, мне не нужно вручную обновлять десятки страниц.Показать номер страницы html в веб-браузере

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

источник

2017-02-07 Jason T

Какой сервер вы используете? Лично я бы, вероятно, использовал какой-то механизм шаблонов. Например, [Markup.js] (https://github.com/adammark/Markup.js) для NodeJS или [Blade] (https://laravel.com/docs/5.4/blade), который поставляется с Laravel, например , – Zenny

использование window.location.href, чтобы получить текущий URL

затем разобрать URL-адрес

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

затем обновить номер страницы

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

источник

2017-02-07 17:55:05 uonlyYOLOonce

Это может разрешить текущий номер страницы, но не обрабатывает максимальное количество страниц. – Zenny

Показать номер страницы html в веб-браузере

ответ

Смежные вопросы