আমি যা চাই তা ওয়েবসাইটের ইউআরএল পাওয়া। কোনও লিঙ্ক থেকে নেওয়া URL নয়। পৃষ্ঠার লোডিংয়ে আমাকে ওয়েবসাইটের সম্পূর্ণ, বর্তমান ইউআরএল দখল করতে সক্ষম হতে হবে এবং আমার দয়া করে এটি করার জন্য এটি একটি পরিবর্তনশীল হিসাবে সেট করতে হবে।
আমি যা চাই তা ওয়েবসাইটের ইউআরএল পাওয়া। কোনও লিঙ্ক থেকে নেওয়া URL নয়। পৃষ্ঠার লোডিংয়ে আমাকে ওয়েবসাইটের সম্পূর্ণ, বর্তমান ইউআরএল দখল করতে সক্ষম হতে হবে এবং আমার দয়া করে এটি করার জন্য এটি একটি পরিবর্তনশীল হিসাবে সেট করতে হবে।
উত্তর:
ব্যবহার করুন:
window.location.href
মন্তব্যে উল্লিখিত হিসাবে, নীচের লাইনটি কাজ করে তবে এটি ফায়ারফক্সের জন্য বাগড হয়েছে।
document.URL;
document.URL
সম্পত্তি window.location
অ্যাঙ্কর (#) এর পরে আপডেট হয় না , যখন window.location.href
হয়। আমি এখানে একটি লাইভ ডেমো একসাথে রেখেছি : jsfiddle.net/PxgKy আমি ফায়ারফক্সের অন্য কোনও সংস্করণ পরীক্ষা করিনি। document.URL
ক্রোম 20 এবং আই 9 তে কোনও সমস্যা ব্যবহার করা যায় নি।
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
।
ইউআরএল তথ্য অ্যাক্সেস
জাভাস্ক্রিপ্ট আপনাকে বর্তমান ইউআরএল পুনরুদ্ধার এবং পরিবর্তন করার জন্য অনেকগুলি পদ্ধতি সরবরাহ করে যা ব্রাউজারের ঠিকানা বারে প্রদর্শিত হয়। এই সমস্ত পদ্ধতিতে Location
অবজেক্টটি ব্যবহার করা হয় যা Window
বস্তুর বৈশিষ্ট্য । আপনি Location
নিম্নরূপে একটি নতুন অবজেক্ট তৈরি করতে পারেন যার বর্তমান URL রয়েছে:
var currentLocation = window.location;
বেসিক ইউআরএল স্ট্রাকচার
<protocol>//<hostname>:<port>/<pathname><search><hash>
প্রোটোকল: ইন্টারনেটে সংস্থান অ্যাক্সেস করতে ব্যবহৃত প্রোটোকল নাম নির্দিষ্ট করে। (এইচটিটিপি (এসএসএল ব্যতীত)) বা এইচটিটিপিএস (এসএসএল সহ)
হোস্ট-নেম: হোস্টের নামটি সংস্থানটির মালিকানাধীন হোস্টটিকে নির্দিষ্ট করে। উদাহরণস্বরূপ www.stackoverflow.com
,। একটি সার্ভার হোস্টের নাম ব্যবহার করে পরিষেবা সরবরাহ করে।
পোর্ট: একটি নির্দিষ্ট প্রক্রিয়াটি সনাক্ত করতে ব্যবহৃত একটি পোর্ট নম্বর যা একটি সার্ভারে পৌঁছে যখন কোনও ইন্টারনেট বা অন্য নেটওয়ার্ক বার্তা ফরোয়ার্ড করা হয়।
পথনাম:পাথের পাথটি ওয়েব ক্লায়েন্ট অ্যাক্সেস করতে চায় এমন হোস্টের মধ্যে থাকা নির্দিষ্ট সংস্থান সম্পর্কে তথ্য দেয়। উদাহরণস্বরূপ /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
।
বর্তমান পৃষ্ঠার ইউআরএল পেয়েছে:
window.location.href
document
স্পেস দ্বারা সংজ্ঞায়িত নথির গাছের মূল root 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
window.location.href
সম্পূর্ণ ইউআরএল পেতে ।window.location.pathname
হোস্টটি রেখে 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
থাকে তবে ফাইল সিস্টেমটি কেস সেনসিটিভ থাকলে (লিনাক্স / ইউনিক্স) অপরিহার্য স্ক্রিপ্ট.পিপি এবং স্ক্রিপ্ট.পিপি একই রকম নয় the এবং কেস সেনসিটিভ না হলেও (উইন্ডোজ, কিছু ম্যাক ওস), ?option=A1B2C3
এর মতো নয় ?option=a1b2c3
, এমনকি এটিও নয় ?Option=A1B2C3
। কেবল সার্ভার ক্ষেত্রে সংবেদনশীল নয়: www.server.com বা www.SeRvEr.cOm একই।
দ্রুত রেফারেন্সের জন্য ফলাফল যুক্ত করা হচ্ছে
দ্বারা 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.location
Jstl এ আমরা ব্যবহার করে বর্তমান ইউআরএল পাথ অ্যাক্সেস করতে পারি pageContext.request.contextPath
। আপনি যদি একটি আজাক্স কল করতে চান তবে নীচের URL টি ব্যবহার করুন।
url = "${pageContext.request.contextPath}" + "/controller/path"
উদাহরণ: পৃষ্ঠার জন্য এটি http://stackoverflow.com/posts/36577223
দেবে http://stackoverflow.com/controller/path
।
বর্তমান অবস্থান অবজেক্টটি পাওয়ার উপায় window.location
।
এর সাথে এর তুলনা করুন document.location
, যা মূলত কেবলমাত্র বর্তমান ইউআরএলকে স্ট্রিং হিসাবে ফিরিয়ে দেয়। সম্ভবত বিভ্রান্তি এড়াতে, document.location
প্রতিস্থাপন করা হয়েছিল document.URL
।
এবং, সমস্ত আধুনিক ব্রাউজার এতে মানচিত্র document.location
করে window.location
।
বাস্তবে, ক্রস ব্রাউজার সুরক্ষার জন্য, আপনার window.location
পরিবর্তে ব্যবহার করা উচিত document.location
।
যারা আসল ইউআরএল অবজেক্ট চান তাদের পক্ষে সম্ভাব্যত এমন কোনও ইউটিলিটির জন্য যা ইউআরএলকে আর্গুমেন্ট হিসাবে গ্রহণ করে:
const url = new URL(window.location.href)
নিখিল অগ্রওয়ালের উত্তর দুর্দান্ত, কেবলমাত্র এখানে একটি সামান্য উদাহরণ যুক্ত করে আপনি বিভিন্ন উপাদান ক্রিয়ায় দেখতে কনসোলে করতে পারেন:
আপনি যদি পথ বা ক্যোয়ারী প্যারামিটার ছাড়াই বেস URL চান (উদাহরণস্বরূপ AJAX অনুরোধগুলি বিকাশ / মঞ্চায়ন এবং উত্পাদন সার্ভার উভয় ক্ষেত্রেই কাজ করার বিরুদ্ধে) করতে window.location.origin
পারেন তবে এটি প্রোটোকলের পাশাপাশি portচ্ছিক বন্দর রাখবে (জ্যাঙ্গো বিকাশে, আপনি কখনও কখনও একটি মানহীন বন্দর রয়েছে যা এটি ভেঙে দেয় যদি আপনি কেবল হোস্টনাম ইত্যাদি ব্যবহার করেন))
আপনি বর্তমান পৃষ্ঠার সম্পূর্ণ লিঙ্কটি location.href
পেতে এবং বর্তমান নিয়ামকের লিংক পেতে, ব্যবহার করুন:
location.href.substring(0, location.href.lastIndexOf('/'));
জাভাস্ক্রিপ্ট সহ বর্তমান ইউআরএল পাওয়া:
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+"");
}
});
});
আমি আইডি জমা দিতে এবং উইন্ডো.লোকেশন.রেপ্লেস ব্যবহার করে পৃষ্ঠাটি পুনর্নির্দেশ করতে এখানে এজাক্স ব্যবহার করছি । 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 );
});