Varför du ska använda JavaScript på din webbplats

Inte alla har JavaScript tillgängligt i sin webbläsare och ett antal av dem som använder webbläsare där det är tillgängliga har det stängt av. Det är därför nödvändigt att din webbsida kan fungera korrekt för dessa människor utan att använda något JavaScript alls. Varför skulle du då vilja lägga till JavaScript på en webbsida som redan fungerar utan den?

Det finns flera skäl till varför du kanske vill använda JavaScript på din webbsida även om sidan är användbar utan JavaScript. De flesta skälen hänför sig till att ge en vänligare upplevelse för de besökare som har JavaScript aktiverat. Här är några exempel på korrekt användning av JavaScript för att förbättra besökarens upplevelse.

Där du har formulär på din webbsida som din besökare behöver fylla i det formulärinnehållet måste valideras innan det kan behandlas. Du kommer naturligtvis att ha validering på serversidan som validerar formuläret efter det att det har skickats in och vilket laddar om formuläret som markerar felen om något ogiltigt har angetts eller obligatoriska fält är saknas. Det kräver en rundtur till servern när formuläret skickas in för att utföra valideringen och rapportera felen. Vi kan påskynda processen betydligt genom att duplicera den valideringen med

instagram viewer
JavaScript och genom att fästa mycket av JavaScript-validering till de enskilda fälten. På så sätt har personen som fyller i formuläret som har JavaScript aktiverat omedelbar feedback om det de skriver in i ett fält är ogiltigt istället för att de fyller i hela formuläret och skickar in det och sedan måste vänta på att nästa sida laddas för att ge dem feedback. Formuläret fungerar både med och utan JavaScript och ger mer omedelbar feedback när det kan.

Ett bildspel består av ett antal bilder. För att bildspelet ska fungera utan JavaScript måste nästa och föregående knappar som fungerar bildspelet ladda om hela webbsidan som ersätter den nya bilden. Det här fungerar men kommer att vara långsamt, särskilt om bildspelet bara är en liten del av sidan. Vi kan använda JavaScript för att ladda och ersätta bilderna i bildspelet utan att behöva ladda om resten av webbsidan och gör så bildspelets funktion mycket snabbare för våra besökares med JavaScript aktiverad.

En "suckerfish" -meny kan fungera helt utan JavaScript (utom i IE6). Menyerna öppnas när musen svävar över dem och stängs när musen tas bort. Sådan öppning och stängning kommer att ske omedelbart när menyn bara visas och försvinner. Genom att lägga till lite JavaScript kan vi se att menyn verkar rulla ut när musen rör sig över den och bläddra tillbaka när musen flyttar bort från den och ger ett trevligare utseende på menyn utan att påverka hur menyn fungerar.

I alla lämpliga användningar av JavaScript är syftet med JavaScript att förbättra hur webbsidan fungerar och ge de besökare som har JavaScript aktiverat med en vänligare webbplats än vad som är möjligt utan JavaScript. Genom att använda JavaScript på ett lämpligt sätt uppmuntrar du de som har val om huruvida de kommer att tillåta JavaScript att köra eller inte att faktiskt aktivera det för din webbplats. Kom ihåg att ett antal av dem som har ett val och som har valt att stänga av JavaScript har gjort det på grund av vägen där vissa webbplatser missbrukar javaScript fullständigt för att göra besökarnas upplevelse av deras webbplats sämre än bättre. Var inte en av dem som använder JavaScript på ett korrekt sätt och därför uppmuntrar människor att stänga av JavaScript.

instagram story viewer