Замените innerhtml на внешнюю страницу
У меня есть страница, которая состоит из div заголовка для навигации, div контента для контента и div нижнего колонтитула, который просто содержит некоторую статическую информацию.
Идея состоит в том, что когда вы нажимаете на что-то в строке заголовка, содержимое div изменяет свое содержимое соответственно. Я хотел бы хранить каждый элемент контента в своем собственном файле для простоты разработки. Как я могу заполнить этоmagicLoad функция, которую я написал ниже?
В настоящее время я не использую какой-либо фреймворк (на ум приходит jquery), но я уверен, что я не против его использования. Если есть и другие передовые практики, которые я здесь нарушаю, я бы тоже хотел знать, но моя основная цель - загрузка с внешней страницы. Как я могу это сделать?
Вот базовый макет моей скелета прямо сейчас. (Конечно, это больше, чем просто эти 3, но этого достаточно, чтобы понять суть.)
<html>
<script type="text/javascript">
function show(which) {
document.getElementById(which).innerHtml = magicLoad(which + ".html");
return false;
}
function showHome() { show('home'); return false;} // for onload
</script>
<body>
<div id="header">
<a href="javascript:void(0)" onclick="show('home')">HOME</a> |
<a href="javascript:void(0)" onclick="show('training')">TRAINING</a> |
<a href="javascript:void(0)" onclick="show('audits')">AUDITS</a>
</div>
<div id="content">
</div>
<div id="footer">
</div>
</body>
<script> window.onload=showHome; </script>
</html>