[javascript] Wie kann ich auf eine andere Webseite umleiten?


Answers

WARNUNG: Diese Antwort wurde lediglich als mögliche Lösung bereitgestellt. Es ist offensichtlich nicht die beste Lösung, da es jQuery erfordert. Stattdessen bevorzugen Sie die reine JavaScript-Lösung.

$(location).attr('href', 'http://stackoverflow.com')
Question

Wie kann ich den Benutzer mithilfe von jQuery oder reinem JavaScript von einer Seite auf eine andere umleiten?




# HTML-Seitenumleitung jQuery / JavaScript verwenden

Probieren Sie diesen Beispielcode aus:

function YourJavaScriptFunction()
{
    var i = $('#login').val();
    if (i == 'login')
        window.location = "login.php";
    else
        window.location = "Logout.php";
}

Wenn Sie eine vollständige URL window.location = "www.google.co.in"; möchten, wie window.location = "www.google.co.in"; .




Benutzen:

// window.location
window.location.replace('http://www.example.com')
window.location.assign('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/path'

// window.history
window.history.back()
window.history.go(-1)

// window.navigate; ONLY for old versions of Internet Explorer
window.navigate('top.jsp')


// Probably no bueno
self.location = 'http://www.example.com';
top.location = 'http://www.example.com';

// jQuery
$(location).attr('href','http://www.example.com')
$(window).attr('location','http://www.example.com')
$(location).prop('href', 'http://www.example.com')



Schreib zuerst richtig. Sie möchten innerhalb einer Anwendung nach einem anderen Link aus Ihrer Anwendung für einen anderen Link navigieren. Hier ist der Code:

window.location.href = "http://www.google.com";

Und wenn Sie innerhalb Ihrer Anwendung durch die Seiten navigieren möchten, habe ich auch Code, wenn Sie möchten.




jQuery wird nicht benötigt. Du kannst das:

window.open("URL","_self","","")

So einfach ist es!

Der beste Weg, um eine HTTP-Anfrage zu initiieren, ist mit document.loacation.href.replace('URL') .




Es würde helfen, wenn Sie etwas beschreibender wären in dem, was Sie zu tun versuchen. Wenn Sie versuchen, seitenweise Daten zu generieren, gibt es einige Möglichkeiten, wie Sie dies tun. Sie können separate Links für jede Seite generieren, auf die Sie direkt zugreifen können.

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

Beachten Sie, dass die aktuelle Seite in diesem Beispiel im Code und mit CSS anders behandelt wird.

Wenn Sie möchten, dass die ausgelagerten Daten über AJAX geändert werden, kommt jQuery hier ins Spiel. Sie würden jedem Anker-Tag, der einer anderen Seite entspricht, einen Click-Handler hinzufügen. Dieser Click-Handler würde einen bestimmten jQuery-Code aufrufen, der die nächste Seite über AJAX holt und die Tabelle mit den neuen Daten aktualisiert. Im folgenden Beispiel wird davon ausgegangen, dass Sie über einen Webdienst verfügen, der die neuen Seitendaten zurückgibt.

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});



Ich musste diese Lächerlichkeit nur noch mit einer anderen neueren jQuery-Methode auf den neuesten Stand bringen:

var url = 'http://www.fiftywaystoleaveyourlocation.com';
$(location).prop('href', url);






Wenn jemand jedoch zurück zur Startseite umleiten möchte, kann er das folgende Snippet verwenden.

window.location = window.location.host

Es wäre hilfreich, wenn Sie drei verschiedene Umgebungen wie Entwicklung, Bereitstellung und Produktion haben.

Sie können dieses Fenster oder window.location-Objekt durchsuchen, indem Sie diese Wörter einfach in die Chrome-Konsole oder die Firebug -Konsole einfügen.




Hier ist eine zeitverzögerte Umleitung. Sie können die Verzögerungszeit auf das einstellen, was Sie wollen:

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Your Document Title</title>
    <script type="text/javascript">
        function delayer(delay) {
            onLoad = setTimeout('window.location.href = "http://www.google.com/"', delay);
        }
    </script>
</head>

<body>
    <script>
        delayer(8000)
    </script>
    <div>You will be redirected in 8 seconds!</div>
</body>

</html>



Sie können das ohne jQuery tun als:

window.location = "http://yourdomain.com";

Und wenn du nur jQuery willst, kannst du es wie folgt machen:

$jq(window).attr("location","http://yourdomain.com");



var url = 'asdf.html';
window.location.href = url;



Fügen Sie auf Ihrer Klick-Funktion einfach Folgendes hinzu:

window.location.href = "The URL where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});



***** DIE ORIGINALE FRAGE WAR - "WIE SIE JEQUERY MIT JQUERY UMZUSCHREIBEN", DAMIT DIE ANTWORT IMPLEMENTIERT JQUERY >> KOSTENLOSE VERWENDUNG CASE *****

Um nur auf eine Seite mit JavaScript umzuleiten:

  window.location.href = "/contact/";

Oder wenn Sie eine Verzögerung benötigen:

setTimeout(function () {
  window.location.href = "/contact/";
}, 2000);   // Time in milliseconds

Mit jQuery können Sie Elemente auf einer Webseite mit Leichtigkeit auswählen. Sie können alles, was Sie möchten, auf einer Seite finden und dann jQuery verwenden, um Spezialeffekte hinzuzufügen, auf Benutzeraktionen zu reagieren oder Inhalte innerhalb oder außerhalb des ausgewählten Elements ein- und auszublenden. All diese Aufgaben beginnen mit dem Wissen, wie ein Element oder ein Ereignis ausgewählt wird .

     $('a,img').on('click',function(e){
         e.preventDefault();
         $(this).animate({
             opacity: 0 //Put some CSS animation here
         }, 500);
         setTimeout(function(){
           // OK, finished jQuery staff, let's go redirect
           window.location.href = "/contact/";
         },500);
     });

Stellen Sie sich vor jemand schrieb ein Skript / Plugin, das 10000 Zeilen Code ist ?! Nun, mit jQuery können Sie sich mit nur ein oder zwei Zeilen mit diesem Code verbinden.




Javascript:

window.location.href='www.your_url.com';
window.top.location.href='www.your_url.com';
window.location.replace('www.your_url.com');

Jquery:

var url='www.your_url.com';
$(location).attr('href',url);
$(location).prop('href',url);//instead of location you can use window



Links