Javascript-omleiding

Michael Zippo

Er zijn verschillende manieren om een webpagina om te leiden: aan de clientzijde met metatag in HTML en aan de serverzijde met HTTP-omleidingsmethoden om er maar een paar te noemen. In dit artikel bekijken we hoe u een webpagina omleidt met JavaScript.

Er zijn twee mogelijke manieren om JavaScript-code te gebruiken voor het omleiden van pagina`s. Beide hebben betrekking op het window location-object.

href

De eerste methode omvat de href-eigenschap op het location-object (dat op zijn beurt weer deel uitmaakt van het window-object). Het enige dat u hoeft te doen, is de omleiding af te handelen door de URL waarnaar u de omleiding wilt toewijzen als location.href toe te wijzen. Dit doe je in een JavaScript-functie die wordt uitgevoerd wanneer de pagina wordt geladen:

Ik heb een scripttag onderaan het document toegevoegd, net voor de body-tag. Dit is waar ons JavaScript naartoe gaat. Een functie, handleRedirect genaamd, heeft een parameter met de naam url. We wijzen location.href toe aan de waarde van deze URL.

Bovenaan de hoofdtekst van het document staat een onload-gebeurtenis. Deze onload-gebeurtenis voert de JavaScript-functie uit die we eraan toewijzen. Hier hebben we de URL doorgegeven waarnaar we willen dat deze gaat. De omleiding vindt onmiddellijk plaats en gaat naar het HTML-gedeelte van de Python.Engineering-blogposts.

Als u een pauze wilt toevoegen voordat de pagina wordt omgeleid, kunt u dat doen dit met behulp van de functie setTimeout. Hier is hoe het te doen:;

De rest blijft hetzelfde.

Deze methode voegt de bronpagina toe aan de stapelgeschiedenis. Het is toegankelijk via de terugknop van de browser. Een andere methode om de url te vervangen als u dat liever doet - dat zullen we later zien!

vervang

In tegenstelling tot de methode die we hierboven hebben gemaakt en die een nieuwe URL toewijst aan een eigenschap op het locatieobject, location.replace () is een methode die de originele URL toewijst en vervangt door wat je ook specifiek hebt.

Deze methode plaatst niet de originele URL op de browserstack, maar vervangt het doel door de omgeleide URL. Hier is hoe:

Zoals je kunt zien, hadden we niet allemaal de scripttag nodig voor deze oneliner. Wanneer het document is geüpload, voert het de methode location.replace uit, die ons tussen haakjes naar de site leidt.

Hier ! U kunt nu doorverwijzen naar een nieuwe webpagina met JavaScript.