मैं बस इतना चाहता हूं कि वेबसाइट URL प्राप्त कर ले। लिंक से लिया गया URL नहीं है। पृष्ठ लोड होने पर मुझे वेबसाइट के पूर्ण, वर्तमान URL को हथियाने में सक्षम होना चाहिए और इसे एक चर के रूप में सेट करना होगा जैसा मैं चाहता हूं।
मैं बस इतना चाहता हूं कि वेबसाइट URL प्राप्त कर ले। लिंक से लिया गया URL नहीं है। पृष्ठ लोड होने पर मुझे वेबसाइट के पूर्ण, वर्तमान URL को हथियाने में सक्षम होना चाहिए और इसे एक चर के रूप में सेट करना होगा जैसा मैं चाहता हूं।
जवाबों:
उपयोग:
window.location.href
जैसा कि टिप्पणियों में उल्लेख किया गया है, नीचे की रेखा काम करती है, लेकिन यह फ़ायरफ़ॉक्स के लिए खराब है।
document.URL;
DOMString का URL देखें , आसानी से ।
document.URL
संपत्ति window.location
एंकर (#) के बाद अपडेट नहीं होती है , जबकि window.location.href
करता है। मैंने यहां एक लाइव डेमो एक साथ रखा है: jsfiddle.net/PxgKy मैंने फ़ायरफ़ॉक्स के किसी भी अन्य संस्करण का परीक्षण नहीं किया। document.URL
Chrome 20 और IE9 में उपयोग करने का कोई मुद्दा नहीं मिला।
window.location.host
औरwindow.location.href.toString().split(window.location.host)[1]
document.baseURI
उसके बाद क्या है असल में वहाँ यूआरएल पाने के लिए 3 तरीके हैं document.baseURI
, document.URL
, और location
।
name="URL"
तो यह प्रॉपर्टी document
ऑब्जेक्ट पर छाया रहेगा और आपका कोड टूट जाएगा। उस स्थिति में, document.URL
इसके बजाय DOM नोड को संदर्भित करेगा। में वैश्विक वस्तु के गुणों का उपयोग करने के लिए बेहतर है window.location.href
।
URL जानकारी पहुँच
जावास्क्रिप्ट आपको वर्तमान यूआरएल को पुनः प्राप्त करने और बदलने के लिए कई तरीके प्रदान करता है, जो ब्राउज़र के पता बार में प्रदर्शित होता है। इन सभी तरीकों से Location
ऑब्जेक्ट का उपयोग होता है, जो ऑब्जेक्ट की एक संपत्ति है Window
। आप एक नया Location
ऑब्जेक्ट बना सकते हैं जिसमें वर्तमान URL निम्नानुसार है:
var currentLocation = window.location;
मूल URL संरचना
<protocol>//<hostname>:<port>/<pathname><search><hash>
प्रोटोकॉल: प्रोटोकॉल नाम निर्दिष्ट करता है जिसका उपयोग इंटरनेट पर संसाधन तक पहुंचने के लिए किया जाता है। (HTTP (SSL के बिना) या HTTPS (SSL के साथ))
hostname: होस्ट नाम संसाधन को होस्ट करने वाले होस्ट को निर्दिष्ट करता है। उदाहरण के लिए, www.stackoverflow.com
। एक सर्वर होस्ट के नाम का उपयोग करके सेवाएं प्रदान करता है।
पोर्ट: किसी विशिष्ट प्रक्रिया को पहचानने के लिए उपयोग किया जाने वाला पोर्ट नंबर जिसमें किसी सर्वर पर एक इंटरनेट या अन्य नेटवर्क संदेश आता है।
pathname: पथ होस्ट के भीतर विशिष्ट संसाधन के बारे में जानकारी देता है जिसे वेब क्लाइंट एक्सेस करना चाहता है। उदाहरण के लिए, /index.html
।
खोज: एक क्वेरी स्ट्रिंग पथ घटक का अनुसरण करता है, और एक ऐसी जानकारी प्रदान करता है जिसे संसाधन किसी उद्देश्य के लिए उपयोग कर सकता है (उदाहरण के लिए, खोज के लिए पैरामीटर या संसाधित किए जाने वाले डेटा के रूप में)।
हैश: किसी URL का एंकर भाग, हैश साइन (#) शामिल करता है।
इन Location
ऑब्जेक्ट गुणों के साथ आप इन सभी URL घटकों तक पहुँच सकते हैं और वे जो सेट या वापस कर सकते हैं:
मुझे उम्मीद है कि आपको अपना जवाब मिल गया होगा ।।
window.location
, लेकिन गुण, और यहाँ हम एक उदाहरण है : var stringPathName = window.location.pathname
।
substring
। हालाँकि, यह तब उपयोगी हो सकता है जब आप document.location = "/page.html";
मूल पृष्ठ पर रीडायरेक्ट करने के लिए उपयोग करना चाहते हैंpage.html
search
, लेकिन नीचे दिए गए विवरणों की सूची में, इसे ए कहा जाता है query
। शायद या तो उन्हें समेटा जा सकता है, या आगे की व्याख्या को जोड़ा जा सकता है।
वर्तमान फ्रेम से जुड़े स्थान ऑब्जेक्टwindow.location
तक पढ़ने और लिखने के लिए उपयोग करें । यदि आप पते को केवल-पढ़ने के लिए स्ट्रिंग के रूप में प्राप्त करना चाहते हैं, तो आप उपयोग कर सकते हैं , जिसमें समान मान होना चाहिए ।document.URL
window.location.href
वर्तमान पृष्ठ URL प्राप्त करता है:
window.location.href
document
कल्पना द्वारा परिभाषित दस्तावेज़ पेड़ की जड़ है। window
आम तौर पर समतुल्य है, लेकिन यह कुछ अजीब परिस्थितियों में नहीं हो सकता है।
ठीक है, वर्तमान पृष्ठ का पूर्ण URL प्राप्त करना शुद्ध जावास्क्रिप्ट का उपयोग करना आसान है। उदाहरण के लिए, इस पृष्ठ पर इस कोड को आज़माएं:
window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"
window.location.href
संपत्ति वर्तमान पृष्ठ का URL देता है।
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.location.href
एक बार में सभी को संभालता है ... मूल रूप से:
window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
//true
window
विंडो स्कोप में पहले से ही उपयोग करने की आवश्यकता नहीं है ...
तो, उस स्थिति में, आप उपयोग कर सकते हैं:
location.protocol
location.hostname
location.pathname
location.hash
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
आप उपयोग करके हैश टैग के साथ वर्तमान URL स्थान प्राप्त कर सकते हैं :
जावास्क्रिप्ट:
// Using href
var URL = window.location.href;
// Using path
var URL = window.location.pathname;
jQuery :
$(location).attr('href');
var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
currentPageUrlIs = this.href.toString().toLowerCase();
}else{
currentPageUrlIs = document.location.toString().toLowerCase();
}
उपरोक्त कोड भी किसी की मदद कर सकता है
http://www.server.com/path/to/Script.php?option=A1B2C3
, यदि फ़ाइल सिस्टम संवेदनशील है (Linux / Unix) जरूरी नहीं है। Script.php और script.php समान हैं। और यहां तक कि अगर मामला संवेदनशील नहीं है (विंडोज, कुछ मैक ओएस) , या ?option=A1B2C3
समान ?option=a1b2c3
भी नहीं है ?Option=A1B2C3
। केवल सर्वर असंवेदनशील है: www.server.com या www.SeRvEr.cOm समान हैं।
त्वरित संदर्भ के लिए परिणाम जोड़ना
विंडो स्थान;
Location {href: "/programming/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ, …}
document.location
Location {href: "/programming/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ
, …}
window.location.pathname
"/questions/1034621/get-the-current-url-with-javascript"
window.location.href
"/programming/1034621/get-the-current-url-with-javascript"
location.hostname
"stackoverflow.com"
क्वेरी स्ट्रिंग के साथ पूरा URL:
document.location.toString().toLowerCase();
होस्ट URL के लिए:
window.location
Jstl में हम वर्तमान URL पथ का उपयोग कर सकते हैं pageContext.request.contextPath
। यदि आप अजाक्स कॉल करना चाहते हैं, तो निम्न URL का उपयोग करें।
url = "${pageContext.request.contextPath}" + "/controller/path"
उदाहरण: पृष्ठ के लिए http://stackoverflow.com/posts/36577223
यह दे देगा http://stackoverflow.com/controller/path
।
वर्तमान स्थान ऑब्जेक्ट प्राप्त करने का तरीका है window.location
।
इसकी तुलना करें document.location
, जो मूल रूप से वर्तमान URL को एक स्ट्रिंग के रूप में लौटाता है। संभवतः भ्रम से बचने के लिए, के document.location
साथ प्रतिस्थापित किया गया था document.URL
।
और, सभी आधुनिक ब्राउज़र मैप document.location
करते हैं window.location
।
वास्तव में, क्रॉस-ब्राउज़र सुरक्षा के लिए, आपको इसके window.location
बजाय उपयोग करना चाहिए document.location
।
उन लोगों के लिए जो एक वास्तविक URL ऑब्जेक्ट चाहते हैं, संभवतः एक उपयोगिता के लिए जो URL को तर्क के रूप में लेता है:
const url = new URL(window.location.href)
निखिल अग्रवाल का जवाब बहुत अच्छा है, बस थोड़ा सा उदाहरण यहाँ जोड़कर आप कंसोल में कार्रवाई के विभिन्न घटकों को देख सकते हैं:
यदि आप पथ URL या क्वेरी पैरामीटर के बिना आधार URL चाहते हैं (उदाहरण के लिए AJAX अनुरोधों को दोनों विकास / मंचन और उत्पादन सर्वर पर काम करने के लिए), तो window.location.origin
यह सबसे अच्छा है क्योंकि यह प्रोटोकॉल के साथ-साथ वैकल्पिक पोर्ट (Django विकास में, आप कभी-कभी रखता है ) एक गैर-मानक पोर्ट है जो इसे तोड़ता है यदि आप केवल होस्टनाम आदि का उपयोग करते हैं)
आप वर्तमान पृष्ठ का पूरा लिंक location.href
वर्तमान नियंत्रक के लिंक के माध्यम से प्राप्त कर सकते हैं, उपयोग कर सकते हैं:
location.href.substring(0, location.href.lastIndexOf('/'));
यदि आप एक विशिष्ट लिंक का उल्लेख कर रहे हैं जिसमें एक आईडी है तो यह कोड आपकी मदद कर सकता है।
$(".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+"");
}
});
});
मैं यहाँ एक id जमा करने के लिए ajax का उपयोग कर रहा हूँ और window.location.replace का उपयोग करके पृष्ठ को पुनर्निर्देशित कर रहा हूँ । id=""
जैसा कि कहा गया है केवल एक विशेषता जोड़ें ।
सबसे पहले पृष्ठ के लिए जाँच पूरी तरह से भरी हुई है
browser,window.location.toString();
window.location.href
फिर एक फ़ंक्शन को कॉल करें जो url, URL चर और कंसोल पर प्रिंट करता है,
$(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 );
});