Как добавить кнопки навигации на мой сайт

Question

Я создаю около 60 + HTML-страниц на своем веб-сайте. Я хотел бы иметь предыдущую и следующую навигационную кнопку/ссылку на всех страницах. Я знаю, что мы можем сделать это вручную с помощью жесткого кодирования на каждой странице, но это слишком мейнстрим. Я попробовал множество примеров разбивки на страницы, но я не могу этого добиться. Может ли кто-нибудь предложить мне, как я могу получить это с каким-то сценарием?

P.S: Предложите с помощью комбинации HTML + JS или чего-либо внешнего интерфейса.

Answer 1

Эти типы навигаций хороши, когда вы используете язык на стороне сервера, например PHP или другой.

Основываясь на вашем вопросе, ниже ответ не является основным.

Note : 
I believe you give each and every page with hard coded is lot better 
Time taken for hardcodding ~ Time taken for `not mainstream` 
Choose it wisely.. 

Ниже приведены несколько шагов, я объяснил, надеюсь, вы понимаете, это ясно

1. Initialize an array and store page names. 
2. find the size of array 
3. set current pagename in variable 
4. find its location 

5. If current location is greater than 0, then show prev button 
6. If current location is lesser than total pages show next button 

код начинается здесь

<script> 
var pages = new Array("pageOne.html", "pageTwo.html", "PageThree.html", "PageFour.html", "PageFive.html", "PageSix.html"); 
var totalPages = pages.length; 

var curPageName = "PageThree.html"; // Enter your page name here 
var getCurPageLocation = pages.indexOf(curPageName); 

console.log("Total Pages : " + totalPages); 
console.log("Current Page Name : " + curPageName); 
console.log("Position of Page in Array : " + getCurPageLocation); 


/* To find prev and next page code starts from here */ 
if (getCurPageLocation > 0) { 
    var prevPageLocation = getCurPageLocation - 1; 
    var prevPageName = pages[prevPageLocation]; 
    console.log("Prev Page Name : " + prevPageName); 
} 

if (getCurPageLocation < totalPages) { 
    var nextPageLocation = getCurPageLocation + 1; 
    var nextPageName = pages[nextPageLocation]; 
    console.log("Next Page Name : " + nextPageName); 
} 
/* To find prev and next page code ends here */ 


</script> 

И если вам нужно больше навигационных кнопок, как показано ниже

Предыдущая 1 2 3 4 Следующая

Пожалуйста, попробуйте сами ..

Answer 2

Лучше всего, вы можете использовать MVC, как CodeIgniter ... При запуске потребуется некоторый жесткий код. После этого все упростится. Вы можете использовать хелпер, библиотеку ...

В противном случае,

Put Page-нацию в общем файле. Просто включите этот файл на все остальные страницы. Это имеет смысл.