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




url (14)

आप वर्तमान यूआरएल स्थान का उपयोग करके हैश टैग के साथ प्राप्त कर सकते हैं :

जावास्क्रिप्ट:

 // Using href
 var URL = window.location.href;

 // Using path
 var URL = window.location.pathname;

jQuery :

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

मैं चाहता हूं कि वेबसाइट यूआरएल प्राप्त करें। एक लिंक से लिया गया यूआरएल नहीं है। पेज लोडिंग पर मुझे वेबसाइट के पूर्ण, वर्तमान यूआरएल को पकड़ने में सक्षम होना चाहिए और इसे एक वैरिएबल के रूप में सेट करना है जैसा कि मैं चाहता हूं।


आप वर्तमान पृष्ठ का पूरा लिंक location.href माध्यम से प्राप्त कर सकते हैं और वर्तमान नियंत्रक का लिंक प्राप्त करने के लिए उपयोग कर सकते हैं:

location.href.substring(0, location.href.lastIndexOf('/'));


ओपन डेवलपर टूल्स , कंसोल में निम्न में टाइप करें और एंटर दबाएं

window.location

पूर्व: वर्तमान पृष्ठ पर परिणाम का स्क्रीनशॉट नीचे दिया गया है।

यहां से आपको क्या चाहिए :)


ठीक है, वर्तमान पृष्ठ का पूरा यूआरएल प्राप्त करना शुद्ध जावास्क्रिप्ट का उपयोग करना आसान है। उदाहरण के लिए, इस पृष्ठ पर इस कोड को आज़माएं:

window.location.href;
// use it in console of this page will return
// http://.com/questions/1034621/get-current-url-in-web-browser"

Window.location.href संपत्ति वर्तमान पृष्ठ का यूआरएल देता है।

document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;
<!DOCTYPE html>
<html>

<body>
  <h2>JavaScript</h2>
  <h3>The window.location.href</h3>
  <p id="root"></p>
</body>

</html>

इन्हें भी उल्लेख करने में बुरा नहीं है:

अगर आपको किसी रिश्तेदार पथ की ज़रूरत है, तो बस window.location.pathname उपयोग करें;

और यदि आप होस्ट का नाम प्राप्त करना चाहते हैं, तो आप window.location.hostname उपयोग कर सकते हैं;

और यदि आपको प्रोटोकॉल को अलग से प्राप्त करने की आवश्यकता है, तो बस window.location.protocol

इसके अलावा यदि आपके पास hash टैग है, तो आप इसे प्राप्त कर सकते हैं: window.location.hash

तो window.locatation.href एक बार में सभी को संभालती है ... मूल रूप से:

window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
    //true

खिड़की के दायरे में पहले से ही विंडो आवश्यक नहीं है ...

तो उस मामले में आप इसका उपयोग कर सकते हैं:

location.protocol

location.hostname

location.pathname

location.hash

location.href


यदि आप एक विशिष्ट लिंक का जिक्र कर रहे हैं जिसमें एक आईडी है तो यह कोड आपकी मदद कर सकता है।

$(".disapprove").click(function(){
                      var id = $(this).attr("id");

                      $.ajax({
                          url: "<?php echo base_url('index.php/sample/page/"+id+"')?>",
                          type: "post",
                          success:function()
                          {
                            alert("The Request has been Disapproved");
                            window.location.replace("http://localhost/sample/page/"+id+"");
                          }
                      });
                });

मैं यहां एक आईडी सबमिट करने और window.location.replace का उपयोग कर पेज को रीडायरेक्ट करने के लिए AJAX का उपयोग कर रहा हूं। बस बताए गए एक विशेषता id="" जोड़ें।


वर्तमान स्थान वस्तु प्राप्त करने का तरीका window.location

इसे document.location से तुलना करें, जो मूल रूप से केवल वर्तमान यूआरएल को स्ट्रिंग के रूप में लौटाता है। शायद भ्रम से बचने के लिए, document.location को document.URL साथ बदल दिया गया था।

और, सभी आधुनिक ब्राउज़र window.location document.location मानचित्र।

हकीकत में, क्रॉस-ब्राउज़र सुरक्षा के लिए, आपको document.location बजाय window.location उपयोग करना चाहिए।


सबसे पहले पृष्ठ के लिए चेक ब्राउज़र में पूरी तरह से लोड किया गया है, फिर एक फ़ंक्शन को कॉल करें जो यूआरएल, यूआरएल वैरिएबल और कंसोल पर प्रिंट करता है,

$(window).load(function(){
   var url = window.location.href.toString();
   var URL = document.URL;
   var wayThreeUsingJQuery = $(location).attr('href');
   console.log(url);
   console.log(URL);
   console.log(wayThreeUsingJQuery );
});

pageContext.request.contextPath हम pageContext.request.contextPath का उपयोग कर वर्तमान यूआरएल पथ तक पहुंच सकते हैं। यदि आप अजाक्स कॉल करना चाहते हैं, तो निम्न यूआरएल का प्रयोग करें।

url = "${pageContext.request.contextPath}" + "/controller/path"

उदाहरण: पृष्ठ के लिए http://.com/posts/36577223 यह http://.com/posts/36577223 देगा।


जावास्क्रिप्ट के साथ वर्तमान यूआरएल प्राप्त करना:

  • window.location.toString ();

  • window.location.href


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

console.log('document.location', document.location.href);
console.log('location.pathname',  window.location.pathname); // Returns path only
console.log('location.href', window.location.href); // Returns full URL


यूआरएल जानकारी एक्सेस

जावास्क्रिप्ट आपको वर्तमान यूआरएल को पुनर्प्राप्त करने और बदलने के लिए कई तरीकों से प्रदान करता है, जो ब्राउजर के एड्रेस बार में प्रदर्शित होता है। ये सभी विधियां Location ऑब्जेक्ट का उपयोग करती हैं, जो Window ऑब्जेक्ट की एक प्रॉपर्टी है। आप एक नया Location ऑब्जेक्ट बना सकते हैं जिसमें वर्तमान यूआरएल निम्नानुसार है:

var currentLocation = window.location;

मूल यूआरएल संरचना

<protocol>//<hostname>:<port>/<pathname><search><hash>
  • प्रोटोकॉल: इंटरनेट पर संसाधन तक पहुंचने के लिए प्रोटोकॉल नाम निर्दिष्ट किया जाता है। (HTTP (एसएसएल के बिना) या एचटीटीपीएस (एसएसएल के साथ))

  • होस्टनाम: होस्ट नाम उस होस्ट को निर्दिष्ट करता है जो संसाधन का मालिक है। उदाहरण के लिए, www..com । एक सर्वर मेजबान के नाम का उपयोग कर सेवाएं प्रदान करता है।

  • बंदरगाह: एक पोर्ट नंबर जो एक विशिष्ट प्रक्रिया को पहचानने के लिए प्रयोग किया जाता है जिस पर किसी सर्वर या अन्य नेटवर्क संदेश को सर्वर पर आने पर अग्रेषित किया जाना है।

  • पथनाम: पथ मेजबान के भीतर विशिष्ट संसाधन के बारे में जानकारी देता है जिसे वेब क्लाइंट एक्सेस करना चाहता है। उदाहरण के लिए, /index.html

  • क्वेरी: एक क्वेरी स्ट्रिंग पथ घटक का पालन करती है, और जानकारी की एक स्ट्रिंग प्रदान करती है जो संसाधन किसी उद्देश्य के लिए उपयोग कर सकता है (उदाहरण के लिए, खोज के लिए पैरामीटर के रूप में या संसाधित होने वाले डेटा के रूप में)।

  • हैश: यूआरएल के एंकर भाग में हैश साइन (#) शामिल है।

इन Location ऑब्जेक्ट गुणों के साथ आप इन सभी यूआरएल घटकों तक पहुंच सकते हैं और वे क्या सेट या लौट सकते हैं:

  • href - संपूर्ण यूआरएल
  • प्रोटोकॉल - यूआरएल का प्रोटोकॉल
  • मेजबान - यूआरएल का होस्टनाम और बंदरगाह
  • होस्टनाम - यूआरएल का होस्टनाम
  • पोर्ट - यूआरएल के लिए सर्वर का उपयोग करने वाला पोर्ट नंबर
  • पथनाम - यूआरएल का पथ नाम
  • खोज - यूआरएल का क्वेरी हिस्सा
  • हैश - यूआरएल का लंगर हिस्सा

मुझे उम्मीद है कि आपको अपना जवाब मिल जाएगा ..


var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}

उपर्युक्त कोड किसी की भी मदद कर सकता है


  • पूरा यूआरएल पाने के लिए window.location.href का प्रयोग करें।
  • मेजबान छोड़ने के लिए URL प्राप्त करने के लिए window.location.pathname का उपयोग करें।







url