Hoe maak je een locatie met JavaScript

Weten uw locatie is een belangrijk onderdeel van het werken met JavaScript-toepassingen in een browser-omgeving. De locatie object maakt het mogelijk om de huidige locatie die de gebruiker bekijkt bepalen. In feite, kunt u de locatie-informatie uit elkaar te halen, zodat u kunt werken met alleen het deel dat u nodig hebt.

Loopt dit voorbeeld van uw webserver is echt nuttig omdat anders je will not € ™ t zie de volledige lijst van de elementen. De output van deze voorbeelden gebruikt ook een enigszins gekunsteld URL van http:? //localhost/GetLocation.html Maak een query. De query gedeelte ISNA € ™ t eigenlijk functioneert, maar het geeft wel extra output.

Hoe de huidige locatie in JavaScript te bepalen

De locatie object biedt toegang tot een aantal eigenschappen die u laten interageren met of ontleden de volledige URL. Het href eigenschap geeft de volledige URL. Eigenschappen zoals zoeken en de haven bieden toegang tot URL-componenten. Merk op dat het veld Poort is leeg omdat de server wordt met behulp van de standaard poort van 80. Als je met behulp van een speciale poort, youâ € ™ d zien het in het veld Poort genoemd.

Hoe maak je een locatie met JavaScript


De locatie eigenschappen zorgen altijd voor de ontsnapte versie van de URL. Voor het menselijk leesbare versie te zien, moet u de unescape () functie gebruiken. De eerste regel in de uitgang geeft het resultaat van het gebruik van de unescape () functie op de href eigenschap. Intussen is de laatste regel toont de ontsnapte versie van het onroerend goed zoeken.

Hoe de locatie JavaScript veranderen

Navigeren naar een nieuwe pagina is een belangrijk onderdeel van de browser-gebaseerde applicatie ontwerp. Natuurlijk kunt u altijd links toe te voegen aan een applicatie en laat de gebruiker te maken elke locatie verandert. Echter, er zijn momenten waarop je wilt programmatisch veranderen locatie. De volgende functies te laten zien hoe de drie methoden de locatie object biedt voor het veranderen van locatie te gebruiken.

functie AssignURL ()
{
location.assign ("? GetLocation.html een query");
}
functie ReplaceURL ()
{
location.replace ("GetLocation.html een query maken?");
}
functie ReloadURL ()
{
location.reload ();
}

De methode assign () kent een nieuwe URL naar de huidige pagina. Wat je ziet is de pagina die als input voor de methode.

De methode replace () schijnbaar voert dezelfde taak als de methode assign (). Echter, thereâ € ™ sa subtiel, maar belangrijk verschil tussen de twee methoden. Wanneer een browser vervangt de huidige pagina, in plaats van toe te wijzen, de back-knop is niet meer functioneel op de meeste browsers. De nieuwe pagina eigenlijk doet vervanging van de huidige pagina.

Dit is een belangrijk verschil, omdat winkelmandje toepassingen vereisen vaak dat de gebruiker niet op de terug-knop. Ontwerpers maken de fout van het toewijzen van de pagina, in plaats van vervangen. Wanneer u een toepassing waar de back-knop moet worden uitgeschakeld maken, zorg ervoor dat u de methode replace () gebruiken.

De methode reload () voert dezelfde taak als de reload knop op de browser. Echter, thereâ € ™ s een belangrijk verschil in deze zaak. Als je reload (true) noemen, de pagina does not € ™ t lading uit de lokale cache. In plaats daarvan wordt de pagina geladen vanaf de server. U kunt dit gedrag gebruiken om problemen op te lossen met een toepassing wanneer een netwerkfout een fout in de pagina heeft veroorzaakt.

Het herladen van de server (iets wat de gebruiker can not € ™ t doen gemakkelijk) herstelt de inhoud op het formulier dat u oorspronkelijk bedoeld.