ウェブブラウザのhtmlページ番号を表示する

私は、複数のページを持つモジュールを使ってWebベースのチュートリアルを作成しています。 html divとcssを使用して、各ページの下部にページ番号（yyのxx、たとえば「01/12」）が表示されます。私はJavaラッパーを持っていますが、手動ですべてのhtmlファイルを更新する必要はなく、表示するページ番号を取得する方法を理解できません。コースは ".. \ L01_CourseOrientation \ p01.html"、 ".. | L01_CourseOrientation \ p02.html"などのように構成されています。各モジュールには異なる数のhtmlファイル/ページがありますので、私は現在、どのページを表示することができますが、多くのページがモジュールに入っています。これにより、ページを追加または削除しなければならないときに、数十ページを手動で更新する必要がなくなります。ウェブブラウザのhtmlページ番号を表示する

HTML：

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

CSS：現在のURL

が、その後更新し

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

URLを解析得るために

#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

実行しているサーバーの種類は？個人的に私はおそらくこれを行うために何らかの種類のテンプレートエンジンを使用します。 NodeJSの場合は[Markup.js]（https://github.com/adammark/Markup.js）、Laravelに付属の[Blade]（https://laravel.com/docs/5.4/blade）など。 – Zenny

使用window.location.hrefページ番号

document.getElementById（ "pgnbr"）。innerHTML = ParseUrl（PageURL）;

出典

2017-02-07 17:55:05 uonlyYOLOonce

これは現在のページ番号を解決できますが、最大ページ数は処理しません。 – Zenny

ウェブブラウザのhtmlページ番号を表示する

答えて

関連する問題