Navigeren naar de volgende pagina in HTML. Omleiden naar een andere pagina met behulp van JavaScript

IN deze les we zullen het hebben over hoe je een link in HTML kunt maken. Op websites worden vaak koppelingen gebruikt; hiermee kunt u van de ene pagina van een website naar de andere gaan. Het bijzondere van links is dat ze niet alleen naar een webpagina kunnen leiden, maar ook naar bestanden, afbeeldingen, enz.

Links kunnen intern en extern zijn. Interne links leiden naar pagina's en bestanden binnen één site. Externe links leiden naar sites, documenten en bestanden van derden. Tegelijkertijd worden dit soort links vrijwel identiek ingesteld.

1. HREF - is verantwoordelijk voor waar de link naartoe moet leiden. Standaard koppeling wordt als volgt gespecificeerd: Linktekst.

2. TARGET - is verantwoordelijk voor in welk venster het document wordt geopend. Standaard nieuw document wordt geopend in het huidige browservenster. Met het attribuut ‘target’ kunt u een link in een nieuw browservenster openen. Dit attribuut heeft de volgende parameters:

• _blank - laadt de pagina in een nieuw venster;
• _self - laadt de pagina in het huidige venster;
• _parent - laadt de pagina in het bovenliggende frame;
• _top - annuleert alle frames en laadt de pagina in een nieuw venster.

3. NAAM - gebruikt om naar een specifiek gebied op de pagina te navigeren. Na het hekje wordt dit tussen aanhalingstekens aangegeven trefwoord(bladwijzer of tag). Om naar dit label te gaan, gebruikt u de link waarin dit label is geschreven.

Ga naar website

Voorbeeld 4: Afbeeldingen als links.

Ga naar tekst

Paginatekst...

IN in dit voorbeeld de pagina krijgt het label 'lijst' met behulp van het attribuut 'naam'. Als u naar dit label linkt, gaat u naar een specifiek gedeelte van de pagina.

U kunt de kleur van links instellen met behulp van attributen die als parameters in de “body”-tag zijn opgegeven. Overweeg deze kenmerken:

• link - niet-bezochte link, standaard wordt deze blauw weergegeven;
• een link - actieve koppeling, standaardkleur is rood;
• vlink - bezochte link, standaard paars.

We hebben dus het principe ontdekt waarmee links in HTML worden gemaakt. Links kunnen specifieke ontwerpstijlen krijgen. Je kunt het in de les zien door de link te volgen.

In dit artikel vertel ik je hoe je een gebruiker van de ene webpagina naar de andere kunt omleiden met behulp van JavaScript. Ik zal er ook een paar geven eenvoudige voorbeelden JS-omleiding.

U kunt een gebruiker op verschillende manieren van de ene webpagina naar de andere omleiden. Inclusief door het bijwerken van HTML-metagegevens en omleiding aan de serverzijde. Bijvoorbeeld door gebruik te maken van een .htaccess-bestand, PHP, en doorverwijzing aan de clientzijde via JavaScript.

Maar houd er rekening mee dat onverwachte omleidingen die midden in een andere activiteit plaatsvinden, vervelend zijn voor bezoekers. Daarom moet u alleen een omleiding gebruiken als dit echt nodig is en als dit vanuit het oogpunt van de gebruiker zinvol is.

Laten we eens kijken hoe JavaScript kan worden gebruikt om de gebruiker naar een andere pagina om te leiden.

Als u de gebruiker automatisch wilt omleiden van de ene pagina (URL1) naar een andere pagina (URL2), kunt u de volgende code gebruiken:

venster.locatie.href = "URL2";

U moet de bovenstaande code op de eerste pagina (URL1) plakken. Vervang URL2 door vereiste adres pagina's. Het is beter om deze code in het element te plaatsen (in plaats van onderaan de pagina), zodat de pagina wordt omgeleid voordat de browser deze begint weer te geven.

TIP: Als u inline JavaScript gebruikt (dus zonder een extern .js-bestand), zorg er dan voor dat u de JavaScript-code in de .

In dit voorbeeld voeren we een js-omleiding uit naar een andere pagina enige tijd nadat de pagina is geladen. Als u bijvoorbeeld een bezoeker moet doorverwijzen naar startpagina nadat de welkomstpagina gedurende 5 seconden wordt weergegeven:

setTimeout(function())( window.location.href = "homepage-url"; ), 5 * 1000);

U moet de volgende JavaScript-code op de welkomstpagina plakken. Vergeet niet om homepage-url te vervangen door de homepage-URL.

We hebben de setTimeout-methode gebruikt om het script te vertellen dat het na vijf seconden moet omleiden (vermenigvuldig 5 met 1000 om seconden om te zetten in milliseconden).

TIP: B JavaScript-betekenissen tijden worden altijd berekend in milliseconden.

U kunt bijvoorbeeld doorverwijzen op basis van de browser van de bezoeker (hoewel dit niet wordt aanbevolen), schermgrootte, tijdstip of andere omstandigheden.

Gebruik de volgende code om bezoekers die aan een bepaalde voorwaarde voldoen door te verwijzen:

if (VOORWAARDE) ( window.location.href = "redirect-url"; )

Deze code leidt bezoekers bijvoorbeeld door naar een andere pagina als hun schermbreedte minder dan 600 pixels is:

if (schermbreedte< 600) { window.location.href = "redirect-url"; }

Het laatste voorbeeld laat zien hoe u een bezoeker kunt retargeten op basis van zijn acties. U kunt een js-omleiding aan elk type gebruikersactie koppelen. In dit voorbeeld behandelen we, voor de eenvoud, een klik op een knop.

De volgende code zal de bezoeker doorverwijzen naar landingspagina nadat u op #mijnknop hebt geklikt:

document.getElementById("mijnknop").onclick = function() ( window.location.href = "redirect-url"; );

U kunt hetzelfde doen met behulp van de volgende code:

Ga naar Startpagina

U kunt ook een omleiding koppelen aan elke gebeurtenis of gebruikersactie. Zorg ervoor dat uw omleidingen gebruikers niet frustreren.

Ik probeerde alles te overwegen mogelijke gevallen js omleiden naar een andere pagina. Als ik ooit andere scenario’s tegenkom, zal ik ze aan dit artikel toevoegen.

De vertaling van het artikel “Doorsturen naar een andere pagina met JavaScript” werd voorbereid door het vriendelijke projectteam.

Goed slecht

In dit artikel zullen we kijken verschillende manieren JS-omleiding. Laten we de opties voor terugvalomleiding onderzoeken wanneer JavaScript is uitgeschakeld. En ook de impact van het gebruik...

Goede dag allemaal, mijn lieve vrienden en lezers. Ik hoop dat je hebt besloten deel te nemen aan mijn wedstrijd en al schrijft over je blogreis. Nou, ik wil graag doorgaan met onze studie html-taal en vandaag wil ik je vertellen over een van de belangrijkste componenten, namelijk hyperlinks.

Ja, zonder dergelijke hyperlinks zou internet niet zo handig zijn. Nee, ik lieg. Het zou helemaal niet gemakkelijk zijn om te navigeren. Kun je je het internet voorstellen zonder hen? Persoonlijk niet.

En vandaag zullen we leren hoe we een hyperlink in HTML kunnen invoegen. Maar eerst zou ik u willen vragen: weet u wat een hyperlink eigenlijk is en hoe deze verschilt van een gewone link? Eigenlijk is alles hier eenvoudig: een link is een eenvoudig stukje informatie dat naar een document verwijst. Tegelijkertijd kun je niet op deze tekst klikken (er gebeurt niets), maar je weet wel waar je informatie moet zoeken.

Voorbeeld: U kunt leren hoe u haar kunt highlighten in Photoshop op //site/adobe-photoshop/kak-vydelit-volosy/

Een hyperlink is dezelfde tekst, maar de essentie ervan is dat u op deze tekst kunt klikken en naar de gewenste pagina, site of een ander object kunt gaan. Bovendien kan de tekst zelf van alles zijn, terwijl het adres afzonderlijk binnenin wordt geschreven en compleet anders kan zijn. Maar hoe het ook zij, in de omgangstaal worden ze nog steeds eenvoudigweg links genoemd. Hier is een voorbeeld van een hyperlink:

Hoe je haar op de juiste manier kunt highlighten in Photoshop kun je lezen in een van mijn tutorials.

Ach ja. Goede theorie. Laten we nu verder gaan met oefenen en kijken welke verantwoordelijk zijn voor al deze zaken.

Verantwoordelijk voor de hyperlink gepaarde label, maar op zichzelf vertegenwoordigt het niets. Het gaat altijd samen met een attribuut. En binnen in dit geval we moeten voortdurend dezelfde href schrijven. In de attribuutwaarde plaatsen we de link naar de gewenste bron zelf. En in de content zelf schrijven we de tekst zelf, die klikbaar moet worden (werkt wanneer erop wordt geklikt). Kijk naar het voorbeeld en ik denk dat je alles zult begrijpen.

Yandex-zoekmachine

Zoals je begrijpt schreef ik in dit voorbeeld dat als je op een stukje tekst klikt “ Zoekmachine Yandex", wordt de persoon doorverwezen naar het adres dat is geschreven in de waarde van het href-attribuut.

Ik denk dat velen van jullie weten dat er interne en externe links zijn. Interne links worden uitgevoerd binnen één directory, dat wil zeggen een website, en externe links leiden naar enkele directory's bron van derden. En nu zal ik je laten zien hoe je beide kunt doen.

Maar een dergelijke overgang werkt, op voorwaarde dat het bestand waarnaar u linkt, zich in dezelfde map bevindt als het bestand waarin u de link plaatst. Voor andere opties is alles een beetje anders.

Wat hebben we nu gedaan? En we hebben het volgende gedaan: aangezien het pad naar fotografie erin ligt aparte map img, die zich in dezelfde map bevindt als het pushkin.html-bestand, dan moeten we in de attribuutwaarde eerst de naam van de map schrijven, en dan, via een schuine streep (/), de volledige naam van het document (in ons geval, foto's).

Sla nu het pushkin.html-bestand op en voer het uit in uw browser. U zult zien dat het woord “Foto” blauw is gemarkeerd en klikbaar is geworden, wat betekent dat we door op deze link te klikken naar het bestand fofo.jpg worden geleid, dat zich in de map img bevindt.

Dus hoe? Is alles duidelijk? Als er iets gebeurt, aarzel dan niet om het te vragen.

En natuurlijk kunnen we het niet laten om het te vermelden externe links, nadat we erop hebben geklikt, worden we naar een compleet andere site geleid. Maar er is hier niets ingewikkelds. Het hele punt is dat je de href-waarde invoert volledig adres site of webpagina. Ik liet hierboven een voorbeeld zien met Yandex. Maar hier is nog een voorbeeld:

Ik ga studeren om een ​​meester in sociale projecten te worden.

Hier komen we op een specifieke pagina van een specifieke site.

Wanneer u op een link klikt, wordt het document standaard geopend in hetzelfde venster als uw pagina, d.w.z. uw pagina zal dichtslaan. En dit is niet goed. In het bijzonder voor promotie inhoudelijke projecten of blogs, is het raadzaam ervoor te zorgen dat wanneer u op een link klikt, het document in een nieuw venster of tabblad wordt geopend zonder uw pagina te sluiten.

Dit zal ons helpen doel attribuut met de waarde "_blank" . Er is hier niets ingewikkelds. U hoeft dit alleen maar in de openingstag te plaatsen na de href attribuutwaarde. Laten we dat fragment uit het bestand lukomorye.html nemen, waar we een link naar de pushkin.html-pagina hebben gemaakt, maar nu zullen we precies dit attribuut schrijven. Het zou er zo uit moeten zien:

Uit het gedicht Ruslan en Lyudmila (auteur - A.S. Poesjkin)

Nou, alles is hier duidelijk. Wanneer u nu op de inhoud klikt, wordt de gewenste pagina in een nieuw venster geopend. Dit is zeer noodzakelijk, want als u het niet registreert, verlaat de gebruiker eenvoudigweg uw pagina. En dus zal hij er in ieder geval op blijven, alleen als hij het niet specifiek sluit. Probeer alles zelf te doen, maak alles gewoon mooi met je eigen handen. Kopiëren en plakken is niet nodig.

Er zijn verschillende manieren om een ​​link op een website te registreren. Als u een engine gebruikt, log dan in als beheerder in het materialenmenu. Selecteer vervolgens gewenste pagina of maak een nieuwe aan. Schrijf een tekst die, wanneer erop wordt geklikt, tot een overgang leidt. Selecteer het en selecteer het pictogram Link toevoegen op de werkbalk. Er wordt een formulier voor u geopend dat u kunt invullen. Geef alle noodzakelijke parameters op die door cms worden verstrekt, stel het adres in en klik op "Ok". Sla de wijzigingen op en vernieuw de pagina in het browservenster - de link zou moeten verschijnen. Controleer de functionaliteit ervan en breng indien nodig wijzigingen aan.

Als u een link wilt maken die op alle pagina's van de site wordt weergegeven, ga dan naar het gedeelte Sjablonen. Selecteer de opdracht "HTML bewerken", een pagina met de code wordt voor u geopend. Voordat u hier iets wijzigt, moet u aan de veilige kant blijven: kopieer de informatie naar veilige plek zodat als gegevens per ongeluk worden verwijderd, het originele materiaal kan worden teruggegeven.

Vinden vereist blok en voer er een link in in het tekstformaat van waaruit de overgang zal worden gemaakt. Vervang indien nodig de tekst door grafisch bestand, pas de volgende link toe: . Sla de wijzigingen op en bekijk het resultaat.

Om een ​​overgang naar een specifiek deel van een webpagina te maken, plaatst u eerst ankers op de juiste plaatsen site, geef ze een naam. Het is beter om het te vragen serienummers– besteed minder tijd aan het schrijven van links. Als u cms gebruikt, selecteert u een deel van de tekst, klikt u op “Link toevoegen” en vult u het veld “Anker” in. In HTML-documentformaat ziet het eruit als Tekst/Afbeelding

Op eenvoudige webpagina's wordt de overgang naar een andere pagina ook met behulp van tags in de code geschreven En.

Organiseer een permanente automatische overgang alle bezoekers op één specifieke pagina naar een andere site kunt u de server- en serverprogrammeertalen gebruiken, of met met behulp van HTML en JavaScript. De voordelen van de tweede optie zijn eenvoud en toegankelijkheid - voor de implementatie ervan is geen programmeerkennis vereist; de enige verplichte vereisten zijn toegang tot bewerking broncode pagina's.

Instructies

U kunt het probleem oplossen waarbij bezoekers automatisch naar een andere site worden omgeleid, alleen met behulp van HTML (HyperText Markup-taal). Het heeft een (metatag) die de browser dat na het laden vertelt huidige pagina je zou moeten beginnen met het downloaden van een andere. Deze metatag bevat informatie (tagattributen) over het omleidingsadres en het tijdstip waarna de website naar de pagina moet worden verzonden. Het kan er bijvoorbeeld zo uitzien: Hier is Vernieuwen codewoord, waarmee het omleidingsmechanisme wordt gestart. Het cijfer 5 geeft aan dat het proces moet beginnen na het laden van deze pagina. Deze tijd kan nodig zijn zodat de bezoeker bijvoorbeeld de tijd heeft om een ​​bericht te sturen dat u op deze pagina plaatst. Als een dergelijke pauze niet nodig is, stelt u deze in op nul. En URL=http://www.site bevat het adres waarnaar de browser de bezoeker moet sturen. Deze metatag moet in het headergedeelte van de paginabroncode worden geplaatst, tussen en .

Een andere manier is geïmplementeerd met behulp van de taal JavaScript-programmering. U heeft slechts één regel code nodig om de websurfer naar het gewenste adres te sturen. Het kan er bijvoorbeeld zo uitzien: window.location.reload("http://www..location.replace("http://www..location.href="/";Hier hoeft u alleen maar te vervangen het adres van de onderwerpen waarin u deze opdracht in tags moet plaatsen die de browser vertellen waarin deze is geschreven JavaScript:
document.location.replace("http://www.site");
En deze drie regels moeten op hun beurt in hetzelfde kopgebied worden geplaatst (tussen en ).

Nadat u een van deze opties heeft geselecteerd, opent u de gewenste pagina, bijvoorbeeld in de pagina-editor van het sitebeheersysteem. Schakel over naar de HTML-bewerkingsmodus en zoek de tag erin. Kopieer de voorbereide omleidingscode (JavaScript of HTML) en plak deze vóór deze tag. Sla vervolgens de gewijzigde pagina op.

Als het tekstmateriaal niet in het vereiste gebied van de pagina past, zal het u helpen als u weet hoe u de tekst kleiner kunt maken. Deze opdracht opgenomen in eventuele tekst programma, evenals bekende grafische en foto-editors, Excel-tabellen en programma's om te creëren multimedia projecten. De tekst kan worden verkleind met behulp van de handige optie snel paneel en het gebruik van de klaviertoetsen.

Instructies

Open beroemd programma, werken met . Dit kan een standaard Kladblok zijn, het niet minder bekende Word Pad, ieders favoriete Microsoft Kantoorwoord, evenals een programma voor het maken van tijdschriften Microsoft-uitgever en anderen. Hoogtepunt gewenste gebied tekst die u wilt verkleinen. In al het bovenstaande teksteditors Bovenaan het werkvenster bevindt zich een speciaal paneel voor tekstopmaak. Het bevat serviceknoppen die het lettertypeformaat, de stijl, grootte, kleur en positie op de documentpagina wijzigen. Stel de tekst in op de gewenste grootte - door eenvoudigweg de juiste digitale waarde te selecteren. Verklein bijvoorbeeld de lettergrootte van positie "14" naar positie "12".

U kunt de lettergrootte handmatig instellen als u geen geschikte waarde vindt in de lijst met lettergroottes. Als de opmaakbalk niet wordt weergegeven, moet u deze inschakelen. Om dit te doen, gebruikt u het tabblad "Bekijken", dat zich bevindt in bovenste regel menu. Klik op 'Weergeven' en schakel 'Opmaak' in het gedeelte 'Werkbalken' in. U kunt het toetsenbord gebruiken om de lettergrootte te verkleinen. Selecteer het gewenste tekstgebied. Druk op combinatie Ctrl-toetsen+[. Hierna wordt de lettergrootte en de gehele tekst als geheel met precies 1 punt kleiner.

Als je in abword of werkt, zou het goed zijn om dit te gebruiken speciale dienst“Paragraaf”, dus de tekst daar kan kleiner zijn door deze te verkleinen regelafstand. Open het menu "Opmaak", sectie "Alinea". Er wordt een nieuw servicevenster geopend. Ga vervolgens naar het tabblad 'Inspringingen en afstand'. Voer in het onderste veld “Spacing” de gewenste regelafstand in. Klik op Ok om de instellingen op te slaan. Grafisch en foto-editors De tekstgrootte wordt meestal gewijzigd met de muis. Nadat u de inscriptie in het werkgebied of op de afbeelding zelf hebt ingevoegd, selecteert u deze met de muis. Pak vervolgens met uw muis de rand van de stippellijn die de tekst omcirkelt. Trek de rand naar het midden van de tekst om de tekst kleiner te maken.

Video over het onderwerp

Bronnen:

• Verklein het tekstlettertype op het toetsenbord in 2019

Momenteel beschikbaar op internet enorme hoeveelheid sites met vaak tientallen en honderden miljoenen pagina's. Veel webmasters creëren elke dag nieuwe bronnen. Sommige van deze meesters zijn professionals. Sommigen van hen zetten nog maar net hun eerste stappen op het gebied van webontwikkeling en puzzelen over de eenvoudigste vragen. Maar vaak begint de weg naar succes met vragen, vergelijkbaar met dat hoe te creëren nieuwe pagina op de website.

Je zult nodig hebben

• - browser;
• - Internetverbinding;
• - eventueel een teksteditor;
• - eventueel inloggegevens voor toegang tot administratief paneel CMS.

Instructies

Bereid alle inhoud voor die op de nieuwe sitepagina wordt geplaatst. Creëer informatieve inhoud. Schrijf de tekst met alle kopjes, subkopjes, voetnoten en aantekeningen. Bereid tabelgegevens voor in een handig formaat.
Pak de inhoud van de presentatie aan. Als dat zo is grafische afbeeldingen, die de informatie op de pagina's zal illustreren, brengt ze naar de resolutie waarin ze aanwezig zullen zijn. Gebruik hiervoor grafische editors, zodat u afbeeldingen kunt schalen met interpolatie, bijvoorbeeld GIMP. Als het in de pagina is ingesloten, verwerk het dan in een video-editor.

Denk aan de structuur van de pagina. Bepaal hoe de tekstinhoud erop wordt geplaatst en waar de afbeeldingen, tabellen en diagrammen worden geplaatst. Definieer opties voor uitlijning en tekstomloop voor elk ingesloten object.

Inhoud van de presentatie plaatsen toekomstige pagina. Afbeeldingen plaatsen. Upload ze naar een van de fotohostingsites die hotlinking toestaan. De afbeeldingen kunnen worden geüpload met behulp van een FTP-client. Als de site opereert onder CMS-beheer en het biedt functionaliteit voor het uploaden van bestanden, kan het handiger zijn om het te gebruiken. Upload de video naar de server (als je een eigen flashplayer hebt) of bijvoorbeeld YouTube of RuTube. Ontvang en bewaar directe links naar elk element van uw presentatie-inhoud.

Maak de pagina op. Creëren tekstbestand, plaats de inhoud van de toekomstige pagina erin. Maak de tekst compleet met markeringen. Het type opmaak, en dus de acties die verband houden met de lay-out, zijn afhankelijk van het type site. De site moet volledige HTML-opmaak genereren (de HTML-specificatie is te vinden op w3c.org). Voor sites met een CMS is de opmaak afhankelijk van het type systeem. Normaal gesproken zijn er afzonderlijke hulpsecties voor het werken met een CMS gewijd aan de opmaakinformatie, die beschikbaar is op ontwikkelaarswebsites, in het beheerderspaneel en in de softwaredistributie.

Maak een nieuwe pagina op de site. Als de site statisch is, hernoemt u het bestand dat u in de vorige stap hebt gemaakt naar htm of html. Upload het naar de server in de gewenste map. Breng wijzigingen aan in andere bestanden om naar de nieuwe pagina te linken.
Als de site wordt beheerd door een CMS, log dan in op het beheerderspaneel en ga naar de sectie Een nieuw document maken. Selecteer indien nodig het documenttype en de positie ervan in de virtuele structuur van de site. Kopieer de voorbereide inhoud naar het daarvoor bestemde tekstveld. Bewaar het document.

Video over het onderwerp

Soms is het nodig om een ​​sitebezoeker automatisch van de ene pagina naar de andere te leiden in “ automatische modus" Dat wil zeggen, ik heb zojuist ingelogd en ga onmiddellijk, zonder vragen te stellen of ergens op te klikken, naar een andere pagina. Zo is de site verhuisd, maar gaan bezoekers nog steeds naar het oude adres. Natuurlijk doen superpro's dit soort omleidingen op bestandsniveau extra configuratie webserver (htaccess) of serverscripts. Maar een groeiend aantal internetbewoners koopt zijn eigen websites en beheert deze perfect zonder de hulp van een superambtenaar. Gelukkig wordt het principe ‘iedereen heeft een website’ online geïmplementeerd zonder dat er nationale projecten of hypotheken zijn. Hoe kan een niet-professional een automatische doorverwijzing van een bezoeker naar een bepaalde link implementeren?

Instructies

Er zijn er twee meest eenvoudige opties omleidingen waarvoor niets anders nodig is dan de mogelijkheid om passende wijzigingen aan te brengen op de gewenste pagina. De eerste oplossing wordt opgelost met behulp van HTML (HyperText Opmaaktaal- "hypertext-opmaaktaal"). Dit is de taal waarin - . Deze bevat de tag die we nodig hebben - die de browser vertelt naar welk adres en hoeveel seconden hij nodig heeft om de paginabezoeker te sturen. Het ziet er zo uit:
Hier geeft het getal “10” aan hoeveel seconden u moet wachten, bijvoorbeeld om tijd te hebben om het bericht te lezen dat de site is verplaatst. En het adres geeft browser-URL waar de bezoeker naartoe moet worden gestuurd. Deze tag moet worden ingevoegd in de "paginakop" - het gebied met de html-code dat begint met de tag en eindigt met de tag.

De tweede omleidingsmethode maakt gebruik van de mogelijkheden van de JavaScript-taal. Om het te gebruiken, moet u het juiste . Eerst moet u de browser vertellen dat het JavaScript-script op dit punt begint. In JavaScript ziet deze openingstag er als volgt uit:
En de afsluitende is als volgt:
Tussen deze twee tags staan ​​instructies: taaloperatoren. Het omleidingseffect dat we nodig hebben, kan op verschillende manieren worden bereikt:
window.location.reload("http://www.site/");
of
document.location.replace("http://www.site/");
of
document.locatie.href="/";
Volledige scriptcode in

Stel dat u de pagina https://example.com/final.php wilt weergeven aan gebruikers die naar de pagina https://example.com/initial.php gaan. Met een paar kan dit PHP-methoden, JavaScript en HTML. In dit artikel bespreken we elk van de methoden die u kunt gebruiken om PHP naar een andere pagina om te leiden.

Hier zijn een paar variabelen die we zullen gebruiken:

Als u een omleiding van initial.php naar final.php wilt toevoegen, kunt u de volgende code op de initial.php-webpagina plaatsen. Het stuurt een nieuwe locatiekop naar de browser:

Hier gebruiken we de PHP-functie header() om de omleiding te maken. U moet deze code vóór HTML of tekst plaatsen. Anders krijgt u een foutmelding dat de header al is verzonden. U kunt ook uitvoerbuffering gebruiken om deze fout bij het verzenden van headers te voorkomen. In het volgende voorbeeld deze methode PHP-omleidingen getoond in actie:

Om een ​​omleiding uit te voeren met behulp van de header()-functie, moet de ob_start()-functie de eerste functie in het PHP-script zijn. Dit voorkomt dat koptekstfouten optreden.

Als aanvullende maatregel u kunt die() of exit() onmiddellijk na de header-omleiding toevoegen, zodat de rest van de webpaginacode niet wordt uitgevoerd. In sommige gevallen zoek robots of browsers letten mogelijk niet op de locatiekop. Wat zit er in? potentiële bedreigingen voor locatiebeveiliging:

Voor de duidelijkheid: die() of exit() hebben niets te maken met omleidingen. Ze worden gebruikt om te voorkomen dat de rest van de code op de webpagina wordt uitgevoerd.

Bij het omleiden naar een pagina in PHP wordt aanbevolen om absolute URL's te gebruiken bij het opgeven van de waarde van de locatieheader. Maar relatieve URL's zullen ook werken. U kunt deze functie ook gebruiken om gebruikers om te leiden naar externe sites of webpagina's.

Dit is geen pure PHP-oplossing. Het is echter ook effectief. Je kunt gebruiken PHP-functie echo() om de JavaScript-code uit te voeren die de omleiding afhandelt.

Als u deze oplossing gebruikt, hoeft u geen uitvoerbuffering te gebruiken. Dit voorkomt ook dat er fouten optreden met betrekking tot het verzenden van headers.

Hieronder staan ​​enkele voorbeelden waarbij gebruik wordt gemaakt verschillende methoden JavaScript om van de huidige pagina naar een andere om te leiden:

Het enige nadeel van deze methode van omleiden naar een andere PHP-site is dat JavaScript aan de clientzijde draait. En uw bezoekers hebben mogelijk JavaScript uitgeschakeld.

Je kunt ook gebruiken basis-HTML om een ​​omleiding uit te voeren. Het lijkt misschien onprofessioneel, maar het werkt. En u hoeft zich geen zorgen te maken dat JavaScript in uw browser wordt uitgeschakeld of dat u eerder een headerfout heeft verzonden:

U kunt ook de laatste regel uit het vorige voorbeeld gebruiken om de pagina elke "n" seconden automatisch te vernieuwen. Met de volgende code wordt de pagina bijvoorbeeld elke 8 seconden automatisch vernieuwd:

In dit artikel heb ik er drie besproken verschillende methoden omleidingen van index php, evenals hun voor- en nadelen. De specifieke te gebruiken methode hangt af van de doelstellingen van het project.

Vertaling van het artikel “Hoe kan ik een omleiding naar een andere URL doen voordat de pagina in PHP wordt geladen” door het vriendelijke projectteam.

Goed slecht