Навигация по HTML и JavasScript только путем изменения текста - PullRequest
Новая
       13

Навигация по HTML и JavasScript только путем изменения текста

0 голосов
/ 23 февраля 2019

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

function selection(){
  var content = document.getElementById("content");
  var link = document.getElementsById("nav-bar");
  li = nav-bar.getElementById();
    
  switch(li){
    case "index":
      content.innerHTML = index();
      break;
    case "about":
      content.innerHTML = about();
      break;
    case "contact":
      content.innerHTML = contact();
       break;
    }
}
    
function index(){
  return "Index content";
}
    
function about() {
  return "About content";
}
    
function contact(){
  return "Contact content";
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <script src="nav.js" type="text/javascript"></script>
</head>
    
<body>
  <header></header>
  <nav id="nav-bar">
    <ul>
      <li><a id="index">Index</a></li>
      <li><a id="about">About</a></li>
      <li><a id="contact">Contact</a></li>
    </ul>
  </nav>
  <main id="content"></main>
</body>
</html>
...