relative URL mit javascript

Gibt es einen einfachen Weg, um die relative url mit javascript? Im Versuch verwenden window.location.href aber es gibt den absoluten Pfad.

Was ich versuche zu tun, ist dies: ich habe zwei Seiten; mobile.html und desktop.html. Ich will EINE javascript-Datei, um festzustellen, ob der Benutzer auf einer mobilen oder desktop (ich weiß, das ist nicht ein sehr guter Weg, es zu tun..) so:

var is_mobile = //alot of text from http://detectmobilebrowsers.com/
                //that returns true/false, this works fine

if (is_mobile){

    if (window.location.href != "mobile.html"){
        window.location = "mobile.html";
    }
}

else {
    if (window.location.href != "desktop.html"){
        window.location ="desktop.html";
    }
}

Also das problem mit absolutem Pfad ist, dass bei der Prüfung entweder mobile/desktop.html Sie gehen beide in Endlosschleife pagerefresh..

Es ist eine schöne Lösung für dieses problem hier: stackoverflow.com/questions/6263454/...

InformationsquelleAutor tobbe | 2012-10-29

  1. 5
    var page = window.location.pathname.split('/').pop();

if (isMobile && page !== 'mobile.html')
    window.location = 'mobile.html';
else if (!isMobile && page !== 'desktop.html')
    window.location = 'desktop.html';
    genial! genau das, was ich suchte. Aber können Sie erklären, was .split() und .pop ()? Ich denke, split teilt den string in dem '/' -, aber es gibt ein array zurück, oder was? und was tut .pop() hier tun? danke!
    Yep, split gibt ein array zurück, und .pop() liefert das Letzte element des Arrays. '/foo/bar/mobile.html'.split('/') zurück ['foo', 'bar', 'mobile.html']. ['foo', 'bar', 'mobile.html'].pop() gibt den string zurück 'mobile.html'. (Versuchen Sie es in Chrome dev tools oder Firebug.)

    InformationsquelleAutor Trevor Dixon

  2. 1

    Nur testen, wenn es endet mit entweder HTML-Datei. Könnten Sie reguläre Ausdrücke verwenden:

    if(/desktop\.html$/.test(window.location.href)) {
     //code for desktop
} else if(/mobile\.html$/.test(window.location.href)) {
     //code for mobile
}

    InformationsquelleAutor bfavaretto

  3. 1

    Andere Lösung, um herauszufinden, ob sich die Lage.href endet mit mobile.html oder nicht, ohne die Verwendung von regulären Ausdrücken:

    if(window.location.href.indexOf("mobile.html") != (window.location.href.length - "mobile.html".length)) {
  ..
}

    InformationsquelleAutor Zafer

  4. 0

    URL.getRelativeURL

    Gibt es eine bullet-proof public-domain Erweiterung für die standard - URL Objekt namens getRelativeURL.

    Diese würde das problem lösen, für Sie:

    var loc = new URL(location.href); //get the current location
var dir = new URL(".", loc); //get the current directory
var rel = loc.getRelativeURL(dir); //relative link from dir to loc

if( rel !== "mobile.html" ){ ... }

    Probieren Sie es live. Blick auf Wesentliche.

    InformationsquelleAutor m93a

Schreibe einen Kommentar