Как мы можем изменить только внутреннюю часть веб-страницы?

Я разрабатываю веб-приложение, где верхние и нижние колонтитулы для всех страниц одинаковы. То, что я хочу достичь, заключается в изменении только части страницы между заголовком и нижним колонтитулом при нажатии кнопки в заголовке. Например, есть 3 кнопки «Главная», «Действия» и «Области». Если я нажимаю действия, то верхний и нижний колонтитулы страницы должны оставаться одинаковыми, а страница действий должна находиться между верхним и нижним колонтитулом. Как я могу это сделать?

Когда страница доставлена ​​- заголовок + тело + нижний колонтитул слит. Вы можете рассматривать это как одну страницу. Поэтому, если вы в своем заголовке называете элемент в своем теле, скажите «Контейнер», после чего вы включите его в раздел тела, вы сможете его изменить.

Вы используете PHP или серверные страницы? Вы можете иметь только верхние и нижние колонтитулы. JQuery действительно сложна для того, чтобы просто добавлять верхние и нижние колонтитулы на свою страницу.

Вы ищете AJAX (аббревиатура для асинхронного JavaScript и XML)

в jQuery вы можете использовать $ .ajax

вот пример / учебник о том, как это сделать с помощью php.

Вам нужно сделать запрос AJAX на сервер. Сервер ответил бы с HTML, чтобы «ввести» между заголовком и нижним колонтитулом. И хендлер обратного вызова AJAX заменит текущий контент новым.

Все это делается для вас функцией load ярлыков из jQuery. См. http://api.jquery.com/load/

создать div, содержащий контент, и дать ему уникальный class или идентификатор. Затем в вашем коде jquery привяжите событие click к элементам, которые вы хотите использовать в качестве навигации, и в этом bind используйте $ (“# div”). Load (“page.php”) или что-то подобное для загрузки содержимого из другого файла в div