۲۵
آبان

جلسه ۸۶ : شی location در جاوا اسکریپت

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

فهرست

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، با یکی دیگر از جلسات دوره کامل آموزش JavaScript در خدمت شما دوستان هستیم . در جلسه قبل به مبحث شی screen در جاوا اسکریپت پرداختیم در این جلسه به آموزش شی location در جاوا اسکریپت و نحوه گرفتن Hostname در جاوا اسکریپت می پردازیم تا پایان این جلسه با ما همراه باشید.

شی window.location برای دریافت آدرس پیج کنونی URL و انتقال مرورگر به یک صفحه دیگر استفاده می شود.

شی window.location می تواند بدون پیشوند window نوشته شود.

خاصیت ها (Properties):

location.href
location.hostname
location.pathname
location.protocol
location.assign

در ادامه با هرکدام یک از این خاصیت ها آشنا خواهیم شد.

بدست آوردن URL صفحه در جاوا اسکریپت

از خاصیت location.href برای بدست آوردن URL صفحه در جاوا اسکریپت استفاده می شود:

مثال : خصوصیت href

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

1 2	document.getElementById("demo").innerHTML = "Page location is " + window.location.href;

خودتان امتحان کنید »

گرفتن Hostname در جاوا اسکریپت

از خاصیت location.hostname برای گرفتن Hostname در جاوا اسکریپت استفاده می شود:

مثال : خصوصیت host

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

1 2	document.getElementById("demo").innerHTML = "Page hostname is " + window.location.hostname;

خودتان امتحان کنید »

Window Location Pathname

خاصیت location.pathname برای بدست آوردن pathname (نام مسیر بعد از آدرس اصلی) استفاده می شود:

مثال : خصوصیت pathname

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

1 2	document.getElementById("demo").innerHTML = "Page path is " + window.location.pathname;

خودتان امتحان کنید »

بدست آوردن پروتکل صفحه وب در جاوا اسکریپت

از خاصیت location.protocol برای بدست آوردن پروتکل صفحه وب در جاوا اسکریپت استفاده می شود:

مثال : بدست آوردن پروتکل صفحه وب

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

1 2	document.getElementById("demo").innerHTML = "Page protocol is " + window.location.protocol;

خودتان امتحان کنید »

Window Location Port

از خاصیت location.port برای بدست آوردن پورت هاست اینترنت استفاده می شود:

مثال : خصوصیت window.location.port

document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;

1 2	document.getElementById("demo").innerHTML = "Port number is " + window.location.port;

خودتان امتحان کنید »

بیشتر مرورگر ها پورت پیش فرض را نشان نمی دهند. (۸۰ برای http و ۴۴۳ برای https)

انتقال به صفحه دیگر در جاوا اسکریپت

متد ()location.assign صفحه جدیدی را باز می کند:

مثال : خصوصیت window.location.assign

 <html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.PVLearn.com")
}
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

<html>

<head>

function newDoc() {

window.location.assign("https://www.PVLearn.com")

}

</script>

</head>

<body>

</body>

</html>

خودتان امتحان کنید »

جلسه کار با شی location در جاوا اسکریپت JavaScript نیز به پایان رسید.
در جلسه بعد به آموزش history در جاوا اسکریپت خواهیم پرداخت. با ما همراه باشید.

QR: جلسه ۸۶ : شی location در جاوا اسکریپت

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 4

غریب
فروردین ۹, ۱۴۰۰
سلام خسته نباشید
من کد جاوا اسکریپتی دارم که لازم دارم ادرس لینکی که مثلا کلاس خاصی داره رو بگیرم
لینکها متغییر هستن بنا بر این نمیتونم تک تک لینک مشخص کنم تو کد میخوام وقتی کلاس خاصی داشت لینک کد ادرس لینک اون رو بدست بیاره برای انجام کاری
بطور مثال میخوام وقتی لینک من توی کلاس b قرار داره کد بره ادرس لینک اون تگ رو مثلا توی نوشته ای که میخواد اضافه کنه بیاره
ممنون میشم اگر راهش رو میدونید بهم بگید
منتظر جوابتون هستم
پاسخ دادن
- صادق
  فروردین ۹, ۱۴۰۰
  سلام. ممنون
  شما در واقع مقدار href لینک ها رو میخواید درسته؟
  کد زیر مقدار href اولین لینک از کلاس someclass رو دریافت می کنه.
  document.getElementsByClassName('someclass')[0].getAttribute('href')
  پاسخ دادن
  - غریب
    فروردین ۹, ۱۴۰۰
    سلام مجدد ممنون بابتت کمکتون
    عذر میخوام که وقتتون رو میگیرم من مبتدی هستم
    حالا سوالم اینه چجور اینو توی کد خودم فراخوانی کنم مثلا فانکشن من قسمتی داره مثل
    para.setAttribute(“src”, “/demo/”);
    حالا میخوام جای ادرس لینک رو اضافه کنم باید چیکار کنم
    میخوام جای این نوشته دمو اون لینک بیاد و یه پسوند هم اضافه کنم به ادرس
    چیزی شبیه این مثلا
    para.setAttribute(“src”,” url “,” /rss”);
    ممنون میشم کمک کنید درستش کنم .
    ممنون میشم اگر میتونید کدش رو بهم بدید
- صادق
  فروردین ۱۱, ۱۴۰۰
  خواهش می کنم. تابعی که گفتید فقط ۲ پارامتر قبول می کنه و دادن ۳ پارامتر (src,url,rss) خطا میده. می تونید پسوند رو قبل از ارسال url به تابع، به اون اضافه کنید.
  var url = document.getElementsByClassName('someclass')[0].getAttribute('href'); url = url + "/rss"; para.setAttribute(“src”, url);
  پاسخ دادن

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۸۶ : شی location در جاوا اسکریپت

مقدمه

بدست آوردن URL صفحه در جاوا اسکریپت

گرفتن Hostname در جاوا اسکریپت

Window Location Pathname

بدست آوردن پروتکل صفحه وب در جاوا اسکریپت

Window Location Port

انتقال به صفحه دیگر در جاوا اسکریپت

لیست مطالب دوره

کار با فرم ها

اشیا

توابع

HTML DOM

BOM

AJAX

JSON

مقایسه ی جاوا اسکریپت با jQuery

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ