javascript atscript जावास्क्रिप्ट में वर्तमान यूआरएल प्राप्त करें?




स्क्रिप्टिंग भाषा (24)

आप URL.location लॉग कर सकते हैं और केवल यूआरएल उपयोग के लिए सभी विकल्पों को देख सकते हैं:

window.location.origin

पूरे पथ के उपयोग के लिए:

window.location.href

स्थान भी है। _ _

.host
.hostname
.protocol
.pathname

मैं jQuery का उपयोग कर रहा हूँ। मैं वर्तमान यूआरएल का मार्ग कैसे प्राप्त करूं और इसे एक चर के लिए असाइन करूं?

उदाहरण यूआरएल:

http://localhost/menuname.de?foo=bar&number=0

आप जावास्क्रिप्ट की अंतर्निर्मित window.location ऑब्जेक्ट का उपयोग करना चाहेंगे।


// get current URL

$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);

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

पथ प्राप्त करने के लिए, आप इसका उपयोग कर सकते हैं:

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

बस इस फ़ंक्शन को जावास्क्रिप्ट में जोड़ें, और यह वर्तमान पथ का पूर्ण पथ वापस कर देगा।

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));
}

आशा है कि ये आपके काम आएगा।


आईफ्रेम के भीतर से मूल विंडो का यूआरएल प्राप्त करने के लिए:

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

एनबी: केवल एक ही डोमेन पर काम करता है


यदि आप रूट साइट का मार्ग प्राप्त करना चाहते हैं, तो इसका उपयोग करें:

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

यह जावास्क्रिप्ट / jQuery का उपयोग कर वर्तमान पृष्ठ के पूर्ण URL को वापस कर देगा।

  • document.URL

  • $("*").context.baseURI

  • location.href


बहुत आम तौर पर प्रयुक्त शीर्ष 3 वाले होते हैं

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

शुद्ध jQuery शैली में:

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

स्थान ऑब्जेक्ट में अन्य गुण भी हैं, जैसे होस्ट, हैश, प्रोटोकॉल और पथनाम।


कई लोग सोच सकते हैं कि यह एक और जटिल मुद्दा है। कई ब्राउज़र्स अंतर्निहित जावास्क्रिप्ट स्थान ऑब्जेक्ट्स और संबंधित पैरामीटर / विधियों को window.location या document.location माध्यम से सुलभ document.location । हालांकि, इंटरनेट एक्सप्लोरर (6,7) के विभिन्न स्वाद इस तरह से इन तरीकों का समर्थन नहीं करते हैं, ( window.location.href ? window.location.replace() समर्थित नहीं है) इसलिए आपको सशर्त लिखकर उन्हें अलग-अलग एक्सेस करना होगा इंटरनेट एक्सप्लोरर को संभालने के लिए हर समय कोड।

इसलिए, यदि आपके पास jQuery उपलब्ध है और लोड किया गया है, तो आप jQuery (स्थान) का भी उपयोग कर सकते हैं, जैसा कि अन्य लोगों ने उल्लेख किया है क्योंकि यह इन मुद्दों को हल करता है। हालांकि, आप उदाहरण के लिए कर रहे हैं- जावास्क्रिप्ट के माध्यम से कुछ क्लाइंट-साइड भौगोलिक स्थान पुनर्निर्देशन (यानी, Google मानचित्र API और स्थान ऑब्जेक्ट विधियों का उपयोग करके), तो हो सकता है कि आप संपूर्ण jQuery लाइब्रेरी लोड नहीं करना चाहें और अपना सशर्त कोड लिखना न चाहें इंटरनेट एक्सप्लोरर / फ़ायरफ़ॉक्स / आदि के हर संस्करण की जांच करता है।

इंटरनेट एक्सप्लोरर फ्रंट-एंड कोडिंग बिल्ली को नाखुश बनाता है, लेकिन jQuery दूध की एक प्लेट है।


यदि आपको यूआरएल में मौजूद हैश पैरामीटर की आवश्यकता है, तो window.location.href बेहतर विकल्प हो सकता है।

window.location.pathname
=> /search

window.location.href 
 => www.website.com/search#race_type=1

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>');

यह केवल तभी काम करेगा यदि आपके पास jQuery है। उदाहरण के लिए:

<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>

window.location जावास्क्रिप्ट में एक वस्तु है। यह निम्नलिखित डेटा देता है

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

jquery में आप उपयोग कर सकते हैं

$(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

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

निम्नलिखित उपयोगी कोड स्निपेट के उदाहरण हैं जिनका उपयोग किया जा सकता है - कुछ उदाहरण मानक जावास्क्रिप्ट फ़ंक्शंस का उपयोग करते हैं और jQuery के लिए विशिष्ट नहीं हैं:

यूआरएल और क्वेरीस्ट्रिंग के लिए 8 उपयोगी jQuery स्निपेट देखें।


यह भी काम करेगा:

var currentURL = window.location.href;

जावा-स्क्रिप्ट ब्राउज़र के पता बार में प्रदर्शित होने वाले वर्तमान यूआरएल को पुनः प्राप्त करने के लिए कई विधियां प्रदान करता है।

टेस्ट यूआरएल: 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 32942762? 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 =1& 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 =2& 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);

समारोह:

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();
}
  • प्रोटोकॉल « Web-browsers वेबहोस्टेड अनुप्रयोगों और वेब क्लाइंट (ब्राउज़र) के बीच संचार के लिए कुछ नियमों का पालन करके इंटरनेट प्रोटोकॉल का उपयोग करते हैं। (http = 80 , https (SSL) = 443 , ftp = 21, आदि)

EX: डिफ़ॉल्ट पोर्ट नंबर के साथ

<protocol>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://.com:80/
  • (//) «होस्ट इंटरनेट पर एक एंड-पॉइंट (जिस पर संसाधन रहता है) को दिया गया नाम है। www..com - एक आवेदन का DNS आईपी ​​पता (या) लोकलहोस्ट: 8080 - लोकलहोस्ट

डोमेन नाम वे डोमेन नाम सिस्टम (DNS) पेड़ के नियमों और प्रक्रियाओं द्वारा पंजीकृत होते हैं। किसी ऐसे व्यक्ति के DNS सर्वर जो आपके डोमेन को पते के उद्देश्यों के लिए आईपी पते के साथ प्रबंधित करता है। DNS सर्वर पदानुक्रम में stackoverlfow.com का रूट नाम कॉम है।

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

स्थानीय सिस्टम आपको डोमेन को बनाए रखना है जो होस्ट फ़ाइलों में सार्वजनिक नहीं है। localhost.yash.com « localhsot - subdomain( web-server ), yash.com - maindomain( web-server ). myLocalApplication.com 172.89.23.777 ). myLocalApplication.com 172.89.23.777

  • (/) «पथ मेजबान के भीतर विशिष्ट संसाधन के बारे में जानकारी देता है जिसे वेब क्लाइंट एक्सेस करना चाहता है
  • (?) «एक वैकल्पिक क्वेरी एक डेलीमीटर (&) द्वारा अलग विशेषता-मूल्य जोड़े के अनुक्रम को पारित करना है।
  • (#) «एक वैकल्पिक टुकड़ा अक्सर एक विशिष्ट तत्व की एक आईडी विशेषता है, और वेब ब्राउज़र इस तत्व को देखने में स्क्रॉल करेंगे।

यदि पैरामीटर में Epoch ?date=1467708674 फिर उपयोग करें।

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

यूआरएल


Window.location.href का प्रयोग करें। यह आपको पूरा URL


आप आसानी से जेएस का उपयोग करके अपना रास्ता प्राप्त कर सकते हैं, window.location location या location आपको वर्तमान यूआरएल का ऑब्जेक्ट देगा

console.log("Origin - ",location.origin);
console.log("Entire URL - ",location.href);
console.log("Path Beyond URL - ",location.pathname);


JQuery और जावास्क्रिप्ट का उपयोग कर वर्तमान यूआरएल प्राप्त करने के लिए यहां एक उदाहरण दिया गया है:

$(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);
});

यदि कोई ऐसा व्यक्ति है जो URL और हैश टैग को जोड़ना चाहता है, तो दो कार्यों को गठबंधन करें:

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

window.location आपको वर्तमान URL , और आप जो कुछ भी चाहते हैं उसे निकाल सकते हैं ...





path