Möglichkeiten, um HTML, PHP, JavaScript umzuleiten

Wenn Sie in die Welt der Webentwicklung einsteigen, sind URL-Weiterleitungen etwas Interessantes, das Sie wissen sollten, falls Sie es eines Tages benötigen. In diesem Tutorial sehen Sie einige Möglichkeiten, um in HTML, PHP und JavaScript umzuleiten . Darüber hinaus werden einfache Beispiele und eine kurze Erläuterung gegeben.

In HTML umleiten

Hier leiten wir die Navigation mithilfe des META- Tags zu einer URL weiter. Die Syntax lautet wie folgt:

 <meta http-equiv = "action" content = "seconds"; url = "url_destino" /> 

[/color] [color = # a9a9a9] HTML-Weiterleitungscode [/ color]

Füllen Sie jedes Feld aus
  • http-äquiv : Die Aktion, die ausgeführt werden soll, wird festgelegt.
  • content : Wir füllen es mit der Anzahl von Sekunden, die es warten soll, bis die Aktion ausgeführt wird. Wenn wir 0 setzen, wird die Aktion automatisch ausgeführt.
  • url : Es wird die URL sein, unter der die Aktion ausgeführt werden soll. Wir müssen einen absoluten Weg angeben.

Sehen wir uns nun ein Beispiel für eine Umleitung an. Die Aktion lautet “Aktualisieren” . Sie wird nach 8 Sekunden ausgeführt und an TechnoWikis weitergeleitet .

 <html> <head> <meta http-equiv = "Refresh" content = "8"; url = "http://www.solvetic.com"> </ head> <body> <h3> Diese Seite wird in 8 Sekunden zu TechnoWikis weitergeleitet. </ h3> </ body> </ html> 

[/color] [color = # a9a9a9] ZB HTML-Weiterleitung [/ color]

Weiterleitung in JavaScript

Um den Browser auf eine neue Seite in JavaScript umzuleiten, verwenden wir:

 window.location 

[/color] [color = # a9a9a9] JavaScript-Weiterleitungscode [/ color]

Direkte Weiterleitung, ohne zu warten

Bei dieser Umleitung wird beim Laden des Skripts automatisch zu TechnoWikis gewechselt .

 <html> <body> <script type = "text / javascript"> window.location = "http://www.solvetic.com"; </ script> </ body> </ html> 

[/color] [color = # a9a9a9] Beispiel für direktes Weiterleiten von JavaScript [/ color]

Umleitung mit Wartezeit

Jetzt verwenden wir die Funktion setTimeout, die nur auf die Anzahl der Millisekunden wartet, die wir als zweiten Parameter übergeben haben, um die Funktion auszuführen, die wir als ersten Parameter geschrieben haben:

 <html> <head> <meta charset = "utf-8" /> <script text = "javascript"> setTimeout (Umleitung, 8000); funktion redirect () { window.location = "http://www.solvetic.com"; } </ script> </ head> <body> <p> Diese Seite wird in 8 Sekunden zu TechnoWikis.com weitergeleitet. Wenn Sie es vorziehen, klicken Sie auf diesen <a href="http://www.solvetic.com"> Link </a> </ p> </ body> </ html> 

[/color] [color = # a9a9a9] Beispiel für eine Weiterleitung mit wartendem JavaScript [/ color]

Umleitung beim Klicken (ohne href)

Mit assign from window.location laden wir eine neue Seite:

 <html> <head> <script> Funktion abrir () { window.location.assign ("www.solvetic.html") } </ script> </ head> <body> <input type = "button" value = "TechnoWikis Load" onclick = "open ()"> </ body> </ html> 

[/color] [color = # a9a9a9] Beispiel für eine Weiterleitung beim Klicken ohne Href [/ color]

See also  Wie macht man Deckung in Word 2019, 2016

PHP umleiten

Um URLs in PHP umzuleiten, verwenden wir die Header-Funktion . Die Struktur ist wie folgt:

 <? php header ('Ort: pagina_a_redirigir'); ?> 

Wenn wir TechnoWikis auf eine externe Seite umleiten möchten , würden wir Folgendes tun:

 <? php header ('Ort: http://www.solvetic.com'); ?> 

Wenn wir zu einer internen Seite umleiten möchten, ist es am besten, einen absoluten Pfad vom Stammverzeichnis des Servers aus anzugeben. Dies würde ungefähr so ​​aussehen:

 <? php header ('Ort: / tutorials / category / 20-development /'); ?> 

Jetzt werde ich ein Beispiel geben, wie eine Seite umgeleitet wird, die nicht mehr in einer ursprünglichen URL enthalten ist. In der URL, die nicht mehr vorhanden ist, befindet sich eine Seite mit dem folgenden Code.

 <? Header ('Status: 301 dauerhaft verschoben', false, 301); header ('Location: newURL'); ?> 

Denken Sie daran, “newURL” in die URL zu ändern, die diese Seite jetzt hat.

Hinweis
Die Header-Funktion muss vor jedem HTML-Code stehen.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *