私は 300 以上の html ページを持っています。各ページには同じ名前が付けられ、最後に 3 つの数字が付けられています
前のボタンと次のボタンのコードが必要です (できれば、すべてのページに貼り付けるにはコードが同じであることが望ましいです)。 .html
これは可能ですか?
私は 300 以上の html ページを持っています。各ページには同じ名前が付けられ、最後に 3 つの数字が付けられています
前のボタンと次のボタンのコードが必要です (できれば、すべてのページに貼り付けるにはコードが同じであることが望ましいです)。 .html
これは可能ですか?
HTML と JavaScript だけでできることは次のとおりです。
<html>
<body>
<script>
function getNewUrl(addNum) {
var url = window.location.pathname;
var lastIndex = url.lastIndexOf('/');
var filename = url.substring(lastIndex + 1);
var newFileName = filename.substring(0, 2) +
pad(parseInt(filename.substring(2, 5), 10) + addNum, 3) +
filename.substring(5);
return url.substring(0, lastIndex) + newFileName;
}
function pad(number, length) {
var str = '' + number;
while (str.length < length) {
str = '0' + str;
}
return str;
}
</script>
<button id="previous" onclick="window.location = getNewUrl(-1)">Previous</button>
<button id="next" onclick="window.location = getNewUrl(1)">Next</button>
</body>
</html>
コードの本体をファイルに入れて、試すことができます。
上記のコードを手早く汚い方法で書いたことに注意してください。本番環境に移行する場合は、邪魔にならない JavaScript を使用し、何らかのエラー処理を導入することをお勧めします。それはすべてアプリケーションによって異なります。
サーバーで使用可能な場合は、PHP を使用します。ページ番号を指定する各ページの先頭に PHP の行を配置するか、先頭の PHP にファイル名からページ番号を割り出させます。
次に、すべてのページの下部に標準化された PHP ファイルを含めます。これは、現在のページ番号を指定して前後のページを処理します。