lehrkraefte:blc:informatik:glf22:web-tech:globalnav-in-js [https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG]

This is an old revision of the document!

Im <head> das Script einbinden:

  <script src="navigation.js">

Die Navigation mit der id mainnavigation versehen.

  <nav id="mainnavigation">
      <--! Wird durch javascript automatisch befüllt -->
  </nav>

Und das script, das die Navigation einfügt:

navigation.js

window.addEventListener('load', function() {
   document.getElementById("mainnavigation").innerHTML = 
   `<ul><li><a href="index.html>Home</a>....`;
});