retrieve - window url javascript

Dies ist ein komplizierteres Thema als viele vielleicht denken. Mehrere Browser unterstützen integrierte JavaScript-Standortobjekte und zugehörige Parameter / Methoden, auf die über window.location oder document.location window.location . Verschiedene Versionen von Internet Explorer (6,7) unterstützen diese Methoden jedoch nicht auf die gleiche Weise ( window.location.href ? window.location.replace() nicht unterstützt). Sie müssen also anders auf sie zugreifen, indem Sie bedingte schreiben code die ganze Zeit, um den Internet Explorer in der Hand zu halten.

Also, wenn Sie jQuery verfügbar und geladen haben, können Sie auch jQuery (location) verwenden, wie die anderen erwähnten, da es diese Probleme behebt. Wenn Sie jedoch beispielsweise eine clientseitige Geolocation-Umleitung über JavaScript vornehmen (dh Google Maps-API und Standortobjektmethoden verwenden), möchten Sie möglicherweise nicht die gesamte jQuery-Bibliothek laden und Ihren bedingten Code schreiben überprüft jede Version von Internet Explorer / Firefox / etc.

Internet Explorer macht die Front-End-Codierung Katze unglücklich, aber jQuery ist ein Teller mit Milch.

Fügen Sie diese Funktion einfach in JavaScript hinzu und es wird der absolute Pfad des aktuellen Pfads zurückgegeben.

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

Ich hoffe es funktioniert für dich.

Hier ist ein Beispiel, um die aktuelle URL mit jQuery und JavaScript zu erhalten:

$(document).ready(function() {

    //jQuery
    $(location).attr('href');

    //Pure JavaScript
    var pathname = window.location.pathname;

    // To show it in an alert window
    alert(window.location);
});


$.getJSON("idcheck.php?callback=?", { url:$(location).attr('href')}, function(json){
    //alert(json.message);
});

Im Folgenden finden Sie Beispiele für nützliche Code-Snippets, die verwendet werden können. Einige Beispiele verwenden Standard-JavaScript-Funktionen und sind nicht spezifisch für jQuery:

Siehe 8 nützliche jQuery-Snippets für URLs und Querystrings .

Im reinen jQuery-Stil:

$(location).attr('href');

Das Standortobjekt hat auch andere Eigenschaften wie Host, Hash, Protokoll und Pfadname.

Java-Script bietet viele Methoden zum Abrufen der aktuellen URL, die in der Adresszeile des Browsers angezeigt wird.

Test-URL: http://.com/questions/5515310/is-there-a-standard-function-to-check-for-null-undefined-or-blank-variables-in/32942762?rq=1&page=2&tab=active&answertab=votes#32942762

resourceAddress.hash();
console.log('URL Object ', webAddress);
console.log('Parameters ', param_values);

Funktion:

var webAddress = {};
var param_values = {};
var protocol = '';
var resourceAddress = {

    fullAddress : function () {
        var addressBar = window.location.href;
        if ( addressBar != '' && addressBar != 'undefined') {
            webAddress[ 'href' ] = addressBar;
        }
    },
    protocol_identifier : function () { resourceAddress.fullAddress();

        protocol = window.location.protocol.replace(':', '');
        if ( protocol != '' && protocol != 'undefined') {
            webAddress[ 'protocol' ] = protocol;
        }
    },
    domain : function () {      resourceAddress.protocol_identifier();

        var domain = window.location.hostname;
        if ( domain != '' && domain != 'undefined' && typeOfVar(domain) === 'string') {
            webAddress[ 'domain' ] = domain;
            var port = window.location.port;
            if ( (port == '' || port == 'undefined') && typeOfVar(port) === 'string') {
                if(protocol == 'http') port = '80';
                if(protocol == 'https') port = '443';           
            }
            webAddress[ 'port' ] = port;
        }
    },
    pathname : function () {        resourceAddress.domain();

        var resourcePath = window.location.pathname;
        if ( resourcePath != '' && resourcePath != 'undefined') {
            webAddress[ 'resourcePath' ] = resourcePath;
        }
    },
    params : function () {      resourceAddress.pathname();

        var v_args = location.search.substring(1).split("&");

        if ( v_args != '' && v_args != 'undefined')
        for (var i = 0; i < v_args.length; i++) {
            var pair = v_args[i].split("=");

            if ( typeOfVar( pair ) === 'array' ) {
                param_values[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );
            }
        }
        webAddress[ 'params' ] = param_values;
    },
    hash : function () {        resourceAddress.params();

        var fragment = window.location.hash.substring(1);
        if ( fragment != '' && fragment != 'undefined')
            webAddress[ 'hash' ] = fragment;        
    }
};
function typeOfVar (obj) {
      return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}

• Protokoll « Web-browsers verwenden Internet Protocol, indem sie einige Regeln für die Kommunikation zwischen WebHosted Applications und Web Client (Browser) befolgen. (http = 80 , https (SSL) = 443 , ftp = 21 usw.)

EX: Mit Standardportnummern

<protocol>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://.com:80/

• (//) «Host ist der Name eines Endpunktes (Maschine, auf dem die Ressource lebt) im Internet. www..com - DNS IP Adresse einer Anwendung (OR) localhost: 8080 - localhost

Domänennamen sind die, die Sie nach den Regeln und Verfahren der DNS-Struktur (Domain Name System) registrieren. DNS-Server von jemandem, der Ihre Domain mit IP-Adresse zu Adressierungszwecken verwaltet. In der DNS-Serverhierarchie lautet der Stammname eines stackoverlfow.com com.

gTLDs      - com «  (OR) in « co « google

Lokales System Sie müssen Domains pflegen, die in Host-Dateien nicht PUBLIC sind. localhost.yash.com « localhsot - subdomain( web-server ), yash.com - maindomain( web-server ). myLocalApplication.com 172.89.23.777 ). myLocalApplication.com 172.89.23.777

• (/) «Der Pfad gibt Informationen über die spezifische Ressource innerhalb des Hosts, auf den der Webclient zugreifen möchte
• (?) «Eine optionale Abfrage besteht darin, eine Sequenz von Attribut-Wert-Paaren zu übergeben, die durch ein Trennzeichen (&) voneinander getrennt sind.
• (#) «Ein optionales Fragment ist oft ein ID-Attribut eines bestimmten Elements, und Webbrowser scrollen dieses Element in den Blick.

Wenn der Parameter ein Epoch ?date=1467708674 dann benutze.

var epochDate = 1467708674; var date = new Date( epochDate );

URL

Sehr häufig verwendet Top 3 sind

1. window.location.hostname 
2. window.location.href
3. window.location.pathname

Sie können window.location protokollieren und alle Optionen anzeigen, nur für die Verwendung der URL:

window.location.origin

für den ganzen Weg benutzen:

window.location.href

Es gibt auch einen Ort. _ _

.host
.hostname
.protocol
.pathname

Sie möchten das in JavaScript integrierte window.location Objekt verwenden.

So rufen Sie die URL des übergeordneten Fensters innerhalb eines Iframes ab:

$(window.parent.location).attr('href');

NB: funktioniert nur auf der gleichen Domain

Um den Pfad zu erhalten, können Sie Folgendes verwenden:

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL

Verwenden Sie für den Hostnamen nur:

window.location.hostname

Wenn Sie den Pfad der Root-Site abrufen möchten, verwenden Sie Folgendes:

$(location).attr('href').replace($(location).attr('pathname'),'');

Wenn jemand die URL und das Hash-Tag verketten möchte, kombinieren Sie zwei Funktionen:

var pathname = window.location.pathname + document.location.hash;

window.location ist ein Objekt in Javascript. Es gibt folgende Daten zurück

window.location.host          #returns host
window.location.hostname      #returns hostname
window.location.path          #return path
window.location.href          #returns full current url
window.location.port          #returns the port
window.location.protocol      #returns the protocol

In jQuery können Sie verwenden

$(location).attr('host');        #returns host
$(location).attr('hostname');    #returns hostname
$(location).attr('path');        #returns path
$(location).attr('href');        #returns href
$(location).attr('port');        #returns port
$(location).attr('protocol');    #returns protocol

window.location gibt dir die aktuelle URL , und du kannst alles aus ihm extrahieren ...

 var currenturl = jQuery(location).attr('href');

http://www.refulz.com:8082/index.php#tab2?foo=789

Property    Result
------------------------------------------
host        www.refulz.com:8082
hostname    www.refulz.com
port        8082
protocol    http:
pathname    index.php
href        http://www.refulz.com:8082/index.php#tab2
hash        #tab2
search      ?foo=789

var x = $(location).attr('<property>');

Dies funktioniert nur, wenn Sie jQuery haben. Beispielsweise:

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>
  $(location).attr('href');      // http://www.refulz.com:8082/index.php#tab2
  $(location).attr('pathname');  // index.php
</script>
</html>

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;