මට අවශ්‍ය වන්නේ වෙබ් අඩවි URL ලබා ගැනීමයි. සබැඳියකින් ගත් URL නොවේ. පිටු පූරණය කිරීමේදී වෙබ් අඩවියේ සම්පූර්ණ, වර්තමාන URL එක අල්ලාගෙන මට අවශ්‍ය පරිදි එය විචල්‍යයක් ලෙස සකසා ගත යුතුය.
Answers:
භාවිත:
window.location.href අදහස් දැක්වීමේදී, පහත පේළිය ක්‍රියා කරයි, නමුත් එය ෆයර්ෆොක්ස් සඳහා දෝෂ සහිතය.
document.URL;document.URLදේපල window.locationනැංගුරමකට (#) පසු යාවත්කාලීන window.location.hrefනොවේ. මම මෙහි සජීවී නිරූපණයක් ඉදිරිපත් කර ඇත්තෙමි : jsfiddle.net/PxgKy මම ෆයර්ෆොක්ස් හි වෙනත් අනුවාදයන් අත්හදා බැලුවේ නැත. document.URLChrome 20 සහ IE9 හි භාවිතා කිරීමේ ගැටළු කිසිවක් හමු නොවීය.
window.location.hostසහwindow.location.href.toString().split(window.location.host)[1]
document.baseURIඑතකොට මොකද වෙන්නේ . මූලික වශයෙන් url එක ලබා ගැනීමට ක්රම 3 ක් ඇත document.baseURI, document.URL, සහ location.
name="URL"නම් මෙම දේපල documentවස්තුව මත සෙවනැලි වන අතර ඔබේ කේතය කැඩී යනු ඇත. එවැනි අවස්ථාවක, document.URLඒ වෙනුවට DOM නෝඩය වෙත යොමු වේ. ගෝලීය වස්තුවෙහි ගුණාංග භාවිතා කිරීමට වඩා හොඳය window.location.href.
URL තොරතුරු ප්‍රවේශය
ජාවාස්ක්‍රිප්ට් මඟින් බ්‍රව්සරයේ ලිපින තීරුවේ දර්ශනය වන වත්මන් URL ලබා ගැනීමට සහ වෙනස් කිරීමට බොහෝ ක්රම සපයයි. මෙම සියලු ක්රම Locationවස්තුව භාවිතා කරයි , එය වස්තුවේ දේපළකි Window. ඔබට Locationපහත දැක්වෙන පරිදි වත්මන් URL ඇති නව වස්තුවක් නිර්මාණය කළ හැකිය :
var currentLocation = window.location;මූලික URL ව්‍යුහය
<protocol>//<hostname>:<port>/<pathname><search><hash>ප්රොටෝකෝලය: අන්තර්ජාලයේ ඇති සම්පතට ප්‍රවේශ වීම සඳහා භාවිතා කළ යුතු ප්‍රොටෝකෝලයෙහි නම සඳහන් කරයි. (HTTP (SSL නොමැතිව) හෝ HTTPS (SSL සමඟ))
ධාරක නාමය: ධාරක නාමය සම්පත හිමි ධාරකය නියම කරයි. උදාහරණයක් ලෙස , www.stackoverflow.com. සේවාදායකයක් සත්කාරකයේ නම භාවිතා කරමින් සේවාවන් සපයයි.
වරාය: සේවාදායකයක් වෙත පැමිණෙන විට අන්තර්ජාලය හෝ වෙනත් ජාල පණිවිඩයක් යොමු කළ යුතු නිශ්චිත ක්‍රියාවලියක් හඳුනා ගැනීමට භාවිතා කරන වරාය අංකය.
pathname: වෙබ් සේවාදායකයාට ප්‍රවේශ වීමට අවශ්‍ය ධාරකය තුළ ඇති නිශ්චිත සම්පත පිළිබඳ තොරතුරු මාර්ගය සපයයි. උදාහරණයක් ලෙස , /index.html.
සෙවීම: විමසුම් දාමයක් මාර්ග සං component ටකය අනුගමනය කරන අතර සම්පත යම් අරමුණක් සඳහා භාවිතා කළ හැකි තොරතුරු මාලාවක් සපයයි (නිදසුනක් ලෙස, සෙවුමක පරාමිතීන් ලෙස හෝ සැකසීමට දත්ත ලෙස).
hash: URL එකක නැංගුරම් කොටසට (#) හැෂ් ලකුණ ඇතුළත් වේ.
මෙම Locationවස්තු ගුණාංග සමඟ ඔබට මෙම සියලු URL සංරචක වෙත පිවිසිය හැකි අතර ඒවාට සැකසිය හැකි හෝ ආපසු ලබා දිය හැකි දේ:
මම හිතනවා ඔයාට ඔයාගේ පිළිතුර ලැබුණා කියලා ..
window.locationනොව ගුණාංග, මෙහි අපට උදාහරණයක් ඇත : var stringPathName = window.location.pathname.
substring. කෙසේ වෙතත්, ඔබට හරවා යැවීමට භාවිතා කිරීමට අවශ්‍ය විට එය ප්‍රයෝජනවත් විය හැකියdocument.location = "/page.html";page.html
search, නමුත් පහත විස්තර ලැයිස්තුවේ එය a ලෙස හැඳින්වේ query. එක්කෝ ඒවා සමථයකට පත් කළ හැකිය, නැතහොත් වැඩිදුර පැහැදිලි කිරීම් එකතු කළ හැකිය.
වත්මන් රාමුවට සම්බන්ධ ස්ථාන වස්තුවwindow.location වෙත කියවීමට හා ලිවීමට ප්‍රවේශය සඳහා භාවිතා කරන්න . ඔබට ලිපිනය කියවීමට පමණක් ඇති නූලක් ලෙස ලබා ගැනීමට අවශ්‍ය නම්, ඔබට භාවිතා කළ හැකිය , එහි වටිනාකම සමාන විය යුතුය .document.URLwindow.location.href
වත්මන් පිටු URL ලබා ගනී:
window.location.hrefdocumentයනු පිරිවිතරයෙන් අර්ථ දක්වා ඇති ලේඛන ගසෙහි මුල වේ. 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;
//truewindowකවුළු විෂය පථයේ දැනටමත් භාවිතා කිරීම අවශ්‍ය නොවේ ...
එබැවින්, එවැනි අවස්ථාවක, ඔබට භාවිතා කළ හැකිය:
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 ස්ථානය හැෂ් ටැගය සමඟ ලබා ගත හැකිය :
JavaScript:
// 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, ගොනු පද්ධතිය සිද්ධි සංවේදී නම් (ලිනක්ස් / යුනික්ස්) අවශ්‍ය නොවේ Script.php සහ script.php එක සමාන වේ. සිද්ධි සංවේදී නොවුනත් (වින්ඩෝස්, සමහර මැක් ඕස්) ?option=A1B2C3සමාන ?option=a1b2c3හෝ සමාන නොවේ ?Option=A1B2C3. සිද්ධි සංවේදී නොවන සේවාදායකය පමණි: www.server.com හෝ www.SeRvEr.cOm එක සමාන වේ.
ඉක්මන් යොමු කිරීම සඳහා ප්‍රති result ල එකතු කිරීම
window.location;
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.locationJstl හි අපට වර්තමාන 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 අවශ්‍ය නම් (නිදසුනක් ලෙස සංවර්ධන / වේදිකා සහ නිෂ්පාදන සේවාදායකයන් දෙකෙහිම වැඩ කිරීමට එරෙහිව AJAX ඉල්ලීම් කිරීමට), window.location.originඑය ප්රොටෝකෝලය මෙන්ම විකල්ප වරායද තබා ගන්නා බැවින් වඩාත් සුදුසුය (ජැන්ගෝ සංවර්ධනයේදී, ඔබ සමහර විට සම්මත නොවන වරායක් තිබීම ඔබ සත්කාරක නාමය ආදිය භාවිතා කරන්නේ නම් එය බිඳ දමයි.)
සත්‍ය URL වස්තුවක් අවශ්‍ය අයට, URL යන් තර්කයක් ලෙස ගන්නා උපයෝගීතාවයක් සඳහා විය හැකිය:
const url = new URL(window.location.href)ඔබට වත්මන් පිටුවේ සම්පූර්ණ සබැඳිය ලබා ගත හැකි location.href
අතර වත්මන් පාලකයේ සබැඳිය ලබා ගැනීමට, භාවිතා කරන්න:
location.href.substring(0, location.href.lastIndexOf('/'));ජාවාස්ක්‍රිප්ට් සමඟ වත්මන් URL ලබා ගැනීම:
window.location.toString ();
window.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 භාවිතා කර පිටුව හරවා යැවීමට මම මෙහි අජැක්ස් භාවිතා කරමි . සඳහන් කළ පරිදි ගුණාංගයක් එක් කරන්න 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 );
});