نحوه دریافت URL فعلی در جاوا اسکریپت [with Useful Examples]

برای دریافت URL فعلی صفحه‌ای که با استفاده از جاوا اسکریپت از آن بازدید می‌کنید، آن را باز کنید window.location.href ویژگی:

window.location.href

همچنین، می توانید از طریق آدرس اینترنتی فعلی دسترسی داشته باشید document.URL ویژگی. با این حال ایراداتی دارد که در ادامه توضیح خواهم داد.

document.URL

بیایید نگاه دقیق تری بیندازیم window.location هدف – شی. خواص مفیدی دارد غیر از href که URL را برمی گرداند.

window.location

همانطور که قبلاً در مقدمه یاد گرفتید، window.location مفید است زیرا می توانید URL صفحه فعلی را با آن بازیابی کنید.

window.location.href

به هر حال، امکان تغییر وجود دارد window.location ویژگی های شی، مانند URL ها.

را window.location شی دارای خواص مفید دیگری است. قبل از اینکه به ویژگی ها دسترسی پیدا کنیم، اجازه دهید نگاهی گذرا به قسمت های URL بیاندازیم.

ساختار URL

بیایید به سرعت ساختار اصلی URL را مرور کنیم تا قسمت‌های درون آن را تشخیص دهیم.

• پروتکل. پروتکل “بخش اول” URL است. مشخص می کند که از کدام پروتکل برای دسترسی به منبع در اینترنت استفاده شود. پروتکل ها شامل HTTP، HTTPS یا FTP هستند.
• زیر دامنه. یک دامنه را می توان به بخش های منطقی به نام زیر دامنه تقسیم کرد. رایج ترین مثال این است www، به این معنی که دامنه (به طور خودکار) بخشی از زیر دامنه وب جهانی است. نمونه های بهتری از زیر دامنه ها هستند فروشگاه، وبلاگیا برنامه. مثلا، app.example.comیا blog.example.com.
• نام دامنه. نام دامنه آدرس واقعی وب سایت شما است. میزبان کسی است که منابع سایت شما را در اختیار دارد. مثلا، example.com یک نام دامنه است.
• بندر. پورت بخشی اختیاری از URL است زیرا به طور خودکار تنظیم می شود. این عددی است که «دری» را که می‌خواهید منابع را از طریق آن استخراج کنید، مشخص می‌کند.
• مسیر فایل. مسیر فایل مانند یک مسیر فایل در رایانه شما است. در یک وب سایت، صفحات وب فایل های روی سرور هستند. برای دسترسی به یک صفحه وب خاص، باید مسیر آن را در سرور مشخص کنید. مثلا، https://www.example.com/calculator.html.
• پارامترهای پرس و جو. پارامترهای پرس و جو را می توان در URL برای انجام عملی مانند جستجوی سرور درج کرد.
• قطعه. قطعه، هش یا لنگر برای تعیین بخشی از صفحه مورد استفاده قرار می گیرد. مثلا، example.com/blog/what-is-url#chapter1

اکنون متوجه می شوید که URL از چه چیزی تشکیل شده است.

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

اگر با URL ها آشنایی ندارید، راهنمای جامع URL چیست را حتما بخوانید؟

دسترسی به بخش های URL با ویژگی های window.location

را window.location شی دارای ویژگی های زیر در جاوا اسکریپت است:

• href. کل URL صفحه فعلی شما.
• پروتکل. پروتکلی که URL استفاده می کند.
• میزبان. نام میزبان و پورت URL.
• نام میزبان. نام میزبان URL.
• بندر. پورت URL.
• مسیر. مسیر فایل در URL.
• جستجو کردن. پارامترهای درخواست URL
• هش. قطعه یا لنگر URL.
• اصل و نسب. ترکیبی از پروتکل و میزبان از URL.

در اینجا نمونه‌هایی از دسترسی به این ویژگی‌ها در زمانی که URL است وجود دارد https://www.codingem.com/best-pixel-art-software/#photoshop.

برای سهولت در دیدن، در اینجا یک تصویر بزرگنمایی شده از دسترسی به خصوصیات URL وجود دارد.

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

قبل از رفتن، بیایید در مورد یک جایگزین رایج صحبت کنیم، document.URL.

URL فعلی را با document.URL دریافت کنید

یکی دیگر از راه های محبوب برای دریافت URL فعلی یک صفحه، دسترسی به آن است آدرس URL مالکیت از سند.

document.URL

بر خلاف window.location.hrefبر document.URL یک رشته فقط خواندنی به شما می دهد که نشان دهنده URL صفحه فعلی است. بنابراین اگر نمی خواهید تغییراتی در رشته URL ایجاد کنید، ممکن است استفاده از آن منطقی تر باشد document.URL بر فراز window.location.href.

ولی مشکل با document.URL رویکرد این است که برخی از اشکالات در فایرفاکس وجود دارد.

به عنوان مثال، در فایرفاکس 12، document.URL با افزودن یک لنگر در انتهای URL تغییر نمی کند.

بنابراین اگر می خواهید 100% مطمئن شوید که URL و تمام قسمت های آن را دریافت می کنید، استفاده کنید window.location.href.

جمعش کن

با تشکر برای خواندن!

امروز یاد گرفتید که چگونه URL صفحه فعلی را با استفاده از جاوا اسکریپت دریافت کنید.

خلاصه ازش استفاده کن window.location.href ویژگی برای دسترسی به URL صفحه. توجه داشته باشید که می توانید مستقیماً این ویژگی را نیز تغییر دهید.

برای دریافت یک رشته URL فقط خواندنی، می‌توانید از آن استفاده کنید document.URL. اما به یاد داشته باشید که برخی از اشکالات در فایرفاکس وجود دارد.

کد نویسی مبارک!

همچنین بخوانید