জাভাস্ক্রিপ্ট উইন্ডো লোকেশন
window.location অবজেক্টটি বর্তমান পেজের ঠিকানা(URL) খুঁজে পেতে এবং ব্রাউজারে নতুন পেজ খুলতে ব্যবহার করা যেতে পারে।
উইন্ডো লোকেশন
window.location অবজেক্টটি window উপসর্গ(prefix) ছাড়াও লিখা যায়।
উদাহরণঃ
- window.location.href বর্তমান পেজের অবস্থান(URL) রিটার্ন করে
- window.location.hostname ওয়েব হোস্টের ডোমেইন নাম রিটার্ন করে
- window.location.pathname বর্তমান পেজের পথ এবং ফাইলের নাম রিটার্ন করে
- window.location.protocol ওয়েবে ব্যবহৃত প্রোটোকলকে(protocol) রিটার্ন করে(http:// অথবা https://)
- window.location.assign দ্বারা একটি নতুন ডকুমেন্ট লোড করা হয়
উইন্ডো লোকেশন href
window.location.href প্রোপার্টিটি বর্তমান পেজের অবস্থান(URL) রিটার্ন করে। অর্থাৎ এই প্রোপার্টিটি ব্যবহার করে আমরা বর্তমানে যে পেজে রয়েছি সেই পেজের অবস্থান দেখতে পারি।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "Page location: " + window.location.href;
</script>
</body>
</html>
ফলাফল
উইন্ডো লোকেশন hostname
window.location.hostname প্রোপার্টিটি ইন্টারনেট হোস্টের(বর্তমান পেজের) নাম রিটার্ন করে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "Page hostname: " + window.location.hostname;
</script>
</body>
</html>
ফলাফল
উইন্ডো লোকেশন pathname
window.location.pathname প্রোপার্টিটি বর্তমান পেজের পথ রিটার্ন করে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "Page path: " + window.location.pathname;
</script>
</body>
</html>
ফলাফল
উইন্ডো লোকেশন protocol
window.location.protocol প্রোপার্টিটি পেজের ওয়েব প্রোটোকল রিটার্ন করে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "Page protocol: " + window.location.protocol;
</script>
</body>
</html>
ফলাফল
উইন্ডো লোকেশন assign
window.location.assign() মেথডটি একটি নতুন ডকুমেন্ট লোড করে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
window.location.assign("../index.php");
}
</script>
</body>
</html>
ফলাফল