Прямо сейчас, у меня есть html-код меню на всех моих html-файлах (home.html, about.html, contact.html), но мне было интересно, есть ли способ разместить html-код nav bar в другом файле (т. е. menubar.html) и просто свяжите этот файл с файлами html, в которых я хочу, чтобы панель навигации находилась. Таким образом, если я хочу внести изменения в панель, мне просто нужно будет изменить один файл, а не каждый один файл, который содержит его. Есть идеи, как это сделать?Проблема с панелью меню: как связать файл html с другими файлами html?
1
A
ответ
2
В настоящее время нет надлежащего способа «включения» в HTML. Вы можете использовать <iframe src="navbar.html"></iframe>
и настроить css, чтобы скрыть границы, чтобы сделать его более гладким. Но поймите, что есть еще две загрузки документов HTML.
Однако HTML imports будут упакованы в будущее обновления HTML, используя ссылку, как это:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Page</title>
<link rel="import" href="navbar.html">
</head>
<body>
<p>What is a body without a heart?</p>
</body>
</html>
Однако вы можете сделать это с помощью AJAX следующим образом:
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="navbar"></div>
<script type="text/javascript">
$("#navbar").load("navbar.html");
</script>
</body>
</html>
PS: также является возможно на серверных языках, как PHP:
Например: include('navbar.php');
на вашем anypages.php
+2
Продвижение этого за то, что я этого не знал, и это потрясающе! Кроме того: я думаю, он мог бы работать с '
Смежные вопросы
- 1. Проблема с панелью навигации HTML или CSS
- 2. Проблема с навигационной панелью CSS/HTML
- 3. Рендер с другими HTML
- 4. Проблема с статическими HTML-файлами весной 3
- 5. Как связать файл python с файлом html
- 6. HTML - Как связать файл .JAR
- 7. Как связать разделы HTML?
- 8. cfmodule с .html файлами
- 9. Node.js служит для статических HTML-файлов с созданной панелью меню
- 10. Проблемы с навигационной панелью HTML
- 11. Как связать файл HTML с помощью Angular.js с контроллером?
- 12. Как связать файл css с моим html в sublimetext 2?
- 13. Невозможно связать файл html с jquery
- 14. Не удается связать файл CSS с HTML?
- 15. Как связать MySQL с html
- 16. У меня проблема с панелью меню Javascript
- 17. Как связать событие с двумя элементами html
- 18. Весенняя загрузка с файлами HTML
- 19. Как я могу использовать один и тот же JS-файл с другими файлами HTML?
- 20. Проблема с HTML + CSS
- 21. Как связать файл сценария с файлом html с помощью nodeJS
- 22. Проблема с неприятной навигационной панелью (HTML и CSS)
- 23. Html bootstrap многоуровневые элементы меню смешиваются с другими элементами
- 24. wx.Panel с панелью меню
- 25. Угловое приложение с модульными html-файлами
- 26. Проблема с навигационной панелью
- 27. Проблема с HTML-ссылкой
- 28. Как связать файл js с модулем узла в HTML?
- 29. Как связать один файл html с несколькими сервлетами
- 30. Как связать HTML-файл в Python
у вас есть какой-либо серверный язык, т. Е. Php? если нет, вас может заинтересовать '