JS Location

Nyckelbegrepp:

• Location-objekt: Representerar den aktuella adressen (URL:en) i webbläsaren.
• URL-hantering: Ändra och manipulera webbadresser.
• Sidladdning: Ladda om den aktuella sidan.
• Omdirigering av URL: Flytta till en annan webbadress.
• Navigering: Kontrollera webbläsarens navigering.

Praktiska steg:

1. Få tillgång till Location-objektet:

   const location = window.location;
   

2. Hämta den aktuella URL:en:

   console.log(location.href);
   

3. Ändra den aktuella URL:en:

   location.href = "https://example.com";
   

4. Ladda om den aktuella sidan:

   location.reload();
   

5. Omdirigera till en annan URL:

   location.assign("https://example.com");
   

6. Kontrollera bakåt- och framåtnavigering:

   location.back();  // Navigerar bakåt
   location.forward(); // Navigerar framåt
   

Exempel:

// Ändra webbadressen till example.com
const location = window.location;
location.href = "https://example.com";

// Ladda om den aktuella sidan efter 3 sekunder
setTimeout(() => {
  location.reload();
}, 3000);

Tillgänglighet:

• Använd beskrivande text för länkar och knappar för att hjälpa användare med funktionsnedsättningar.
• Skapa en tillgänglig navigationsmeny med tydliga länkar.
• Tillhandahåll alternativ för tangentbordsnavigering för användare som inte kan använda en mus.