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.href
जैसा कि टिप्पणियों में उल्लेख किया गया है, नीचे दी गई रेखा काम करती है, लेकिन यह फ़ायरफ़ॉक्स के लिए बग है।
document.URL;
DOMString प्रकार के यूआरएल देखें , केवल पढ़ने के लिए ।
ठीक है, वर्तमान पृष्ठ का पूरा यूआरएल प्राप्त करना शुद्ध जावास्क्रिप्ट का उपयोग करना आसान है। उदाहरण के लिए, इस पृष्ठ पर इस कोड को आज़माएं:
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
का उपयोग करें।