Redirect (currenturl)/example.html onclick mit JavaScript

Ich versuche, meine Lage zu ändern, von 'currentUrl' zu 'currentUrl/somePage.html' wenn Sie auf eine Schaltfläche klicken.

Ist es wichtig, dass der code nicht angewiesen auf eine hartcodierte url. Stattdessen sollte es packen, die aktuelle url, die der Benutzer sitzt und hängen Sie den Wert von '/somePage.html' auf das Ende.

Ich habe einige Suche und fand, dass Fenster.Lage.href zurückkehren wird meine aktuelle url gespeichert, und das Fenster.Lage leitet mich zu einem neuen. Wenn ich jedoch versuche diesen zusammen, ich bin immer "Funktion nicht definiert" - Fehler, wenn ich auf meine buttons.

Mein code sieht ungefähr so aus...

HTML:

<button class="btn btn-default" onclick="redirectToPage()">Some Page</button>

JS: 

$(function () {

    function redirectToPage() {
        var url = window.location.href;
        window.location(url + "/somePage.html");
    }
});

Sind Sie alle schönen Menschen! Vielen Dank für die Hilfe!

InformationsquelleAutor venuxv | 2016-10-13
  1. 4

    Wenn du gehst, um jQuery verwenden, dann sollten Sie verwenden alle seine Fähigkeiten:

    (und ich würde nie empfehlen, inline-javascript)

    html:

    <button class="btn btn-default js-do-redirect">Some Page</button>

    jQuery:

    $(document).ready(function(){
  $('.js-do-redirect').on('click', function(){
    var url = window.location.href;
    window.location = url + "/somePage.html";
  });
});

    oder wenn Sie wollen, um es wiederverwendbar:

    html:

    <button class="btn btn-default js-do-redirect" data-redirect-to="/somePage.html">
  Some Page
</button>

    jQuery:

    $(document).ready(function(){
  $('.js-do-redirect').on('click', function(){
    var url = window.location.href;
    var page = $(this).data('redirect-to');
    window.location = url + page;
  });
});

    Lesen empfohlen Entkoppeln Sie Ihre HTML -, CSS -, und JavaScript.

    • Genial! Danke!!!
    InformationsquelleAutor Erik Philips
  2. 1

    Sind Sie in der Nähe. Fenster.Lage ist nicht eine Funktion, sondern ein Anwesen.

    function redirectToPage() {
    var url = window.location.href;
    window.location = url + "/somePage.html";
}
    InformationsquelleAutor Mike S.
  3. 0

    redirectToPage ist nur definiert innerhalb der handler-Funktion, Bereich. Sie müssen, verschieben Sie es außerhalb.

    InformationsquelleAutor johnnyaug
  4. 0

    Dein problem ist (scoping).
    Entfernen Sie entweder die $(function(){}) jQuery Schließung oder jQuery verwenden, um erstellen Sie das onClick-Ereignis auf den button mit $('#someid').klicken Sie auf().

    InformationsquelleAutor DanielKhan
Schreibe einen Kommentar