Heim >Web-Frontend >js-Tutorial >JQuery Umleitungswebseite
Verwenden von JavaScript, um Webseiten umzuleiten, können Sie für JQuery oder Pure JavaScript verwenden. Wenn Sie sofort umleiten müssen, können Sie es vorziehen, reines JavaScript zu verwenden.
window.location.replace(…)
Es ist kein jQuery erforderlich,
// 模拟与HTTP重定向类似的行为 window.location.replace("http://jquery4u.com"); // 模拟点击链接的行为 window.location.href = "http://jquery4u.com";
var url = "http://jquery4u.com"; $(location).attr('href',url);umleiten
window.location.href =
Dies ist besser als replace()
zu verwenden, da location.href
die Originalseite nicht in den Sitzungsverlauf einfügt, was bedeutet, dass der Benutzer nicht in das endlose Rückgabetastendilemma fällt. Wenn Sie einen Benutzer simulieren möchten, der auf einen Link klickt, verwenden Sie location.replace
(für alle Browser). Wenn Sie HTTP -Ausleitungen simulieren möchten, verwenden Sie
jQuery -Umleitung ist eine Methode, die in der Webentwicklung verwendet wird, um zwischen Webseiten zu navigieren. Es ist Teil von JQuery, einer schnellen, kompakten und featurereichen JavaScript-Bibliothek. Sie können die Umleitungsfunktion verwenden, wenn Sie Benutzer zu einer anderen Seite oder einer Website -URL umleiten möchten. Dies ist in verschiedenen Szenarien nützlich. Wenn ein Benutzer ein Formular eingereicht hat, möchten Sie sie möglicherweise auf eine Dankeseite umleiten oder wenn sich die Seite verschoben hat, möchten Sie den Benutzer möglicherweise an einen neuen Ort senden.
window.location
Implementierung der JQuery -Umleitung ist sehr einfach. Sie müssen das Objekt
$(document).ready(function(){ window.location.href = "https://www.newurl.com"; });
In diesem Beispiel wird der Browser, wenn das Dokument fertig ist, zur neuen URL weiterleitet.
window.open()
Ja, Sie können mit JQuery zu einem neuen Fenster umleiten. Sie werden window.location.href
statt
$(document).ready(function(){ window.open("https://www.newurl.com", "_blank"); });
In diesem Beispiel führt der Parameter "_blank" dazu, dass sich die neue URL in einem neuen Fenster oder einer neuen Registerkarte öffnet.
setTimeout()
Ja, Sie können die Umleitung von JQuery mithilfe der
$(document).ready(function(){ setTimeout(function(){ window.location.href = "https://www.newurl.com"; }, 5000); });
In diesem Beispiel tritt die Umleitung nach einer Verzögerung von 5000 Millisekunden (oder 5 Sekunden) auf.
Ja, Sie können JQuery verwenden, um gemäß bestimmten Bedingungen umzuleiten. Sie möchten beispielsweise Benutzer basierend auf der Formulareingabe umleiten. Hier ist ein Beispiel:
$(document).ready(function(){ if($("#inputField").val() == "specificValue"){ window.location.href = "https://www.newurl.com"; } });
In diesem Beispiel wird der Benutzer in diesem Beispiel "spezifischValue" auf die neue URL umgeleitet.
Ja, Sie können mit JQuery zur relativen URL umleiten. Anstatt die vollständige URL bereitzustellen, geben Sie den Pfad relativ zur aktuellen Seite an. Hier ist ein Beispiel:
// 模拟与HTTP重定向类似的行为 window.location.replace("http://jquery4u.com"); // 模拟点击链接的行为 window.location.href = "http://jquery4u.com";
In diesem Beispiel wird der Benutzer in derselben Domäne wie die aktuelle Seite auf "newPage.html" umgeleitet.
Ja, Sie können mit JQuery zu einer externen URL umleiten. Sie geben die vollständige URL als Parameter für window.location.href
an. Hier ist ein Beispiel:
var url = "http://jquery4u.com"; $(location).attr('href',url);
In diesem Beispiel wird der Benutzer in die externe URL umgeleitet.
Ja, Sie können JQuery verwenden, um nach dem Klicken der Schaltfläche umzuleiten. Sie verwenden den Click -Event -Handler in JQuery. Hier ist ein Beispiel:
$(document).ready(function(){ window.location.href = "https://www.newurl.com"; });
In diesem Beispiel wird der Benutzer in die Schaltfläche mit ID 'MyButton' klickt, wird der Benutzer in die neue URL umgeleitet.
Ja, Sie können JQuery verwenden, um nach Einreichung des Formulars umzuleiten. Sie verwenden den Submit Event -Handler in JQuery. Hier ist ein Beispiel:
$(document).ready(function(){ window.open("https://www.newurl.com", "_blank"); });
In diesem Beispiel wird der Benutzer beim Senden eines Formulars mit ID 'MyForm' in die neue URL umgeleitet.
Ja, Sie können JQuery verwenden, um nach dem Ausgang umzuleiten. Sie werden die fadeOut()
-Funktion in jQuery verwenden. Hier ist ein Beispiel:
$(document).ready(function(){ setTimeout(function(){ window.location.href = "https://www.newurl.com"; }, 5000); });
In diesem Beispiel wird der Körper der aktuellen Seite innerhalb von 2 Sekunden verblassen, wonach der Benutzer in die neue URL umgeleitet wird.
Das obige ist der detaillierte Inhalt vonJQuery Umleitungswebseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!