در این مطلب با همدیگه یکی از پر کاربرترین اشیاء ( Object ) جاوا اسکریپت را که اطلاعاتی در رابطه با URL کنونی صفحه به ما می دهد، مورد بررسی قرار می دهیم. آشنایی با جاوا اسکریپت به صورت مقدماتی می توانید کاربر را به URL های مختلف هدایت کنید. پورت URL را تغییر دهید. کویری استرینگ URL را تغییر دهید. می توانید Id Anchor URL را تغییر دهید. و. همانطور که می دانید اشیاء جاوا اسکریپتی همگی در شی بزرگتری با نام window قرار دارند. در این صورت برای دسترسی به location می تواند به صورت مستقیم آن را صدا کرد یا با استفاده از شی window به آن دسترسی داشت. هر سه حالت زیر با یکدیگر برابر است و در ادامه جهت دسترسی راحت تر از location استفاده می کنیم. در طول این مقاله فرض می کنیم که آدرس صفحه مورد بررسی است. در ابتدا به بررسی Property های شی location می پردازیم و سپس Method های آن را بررسی می کنیم. بررسی Property ها این Property شامل آدرس کامل صفحه فعلی کاربر می باشد که در اینجا به صورت زیر است. این Property قابل ویرایش است که در صورت ویرایش کاربر به صفحه مورد نظر هدایت می شود. مانند زیر می توان آن را جایگزین کرد. اکنون کاربر به آدرس هدایت می شود. همانطور که از نامش مشخص است پروتکل ارتباطی را نمایش می دهد که شامل: پایانی نیز می باشد. این Property نیز قابل ویرایش است و در صورت وارد کردن پروتکل معتبر، کاربر به آن آدرس هدایت می شود. می توان به صورت زیر کاربر را به نسخه http هدایت کرد اما ممکن است پیاده سازی سایت به صورتی باشد که کاربر همیشه به این وبسایت هدایت شود پس شاید بررسی صحت این موضوع کار دشواری باشد. اکنون کاربر به آدرس هدایت می شود. این Property آدرس کامل دامنه (در صورت وجود به همراه subdomain ) نمایش می دهد. این Property نیز قابل ویرایش است و در صورت ویرایش مقدار location . hostname در آدرس URL جایگزین می شود و باقی آدرس از URL مانند قبل باقی ماند. به کد زیر توجه کنید. اکنون کاربر به هدایت می شود چون مقدار location . hostname قبلی virgool . io بود و فقط همین مقدار با test . com جایگزین می شود که نتیجه آن هدایت کاربر به آدرس بالا است. این Property شماره پورت را نمایش می دهد. این Property نیز قابل ویرایش است و در صورت ویرایش مقدار location . port در آدرس URL جایگزین می شود و باقی آدرس از URL مانند قبل باقی ماند. به کد زیر توجه کنید. اکنون کاربر به هدایت می شود چون مقدار location . port قبلی بود و فقط همین مقدار با جایگزین می شود که نتیجه آن هدایت کاربر به آدرس بالا است. چون این برای پورت از طرف سرور سایت مورد نظر که در این جا ویرگول است پاسخی دریافت نمی شود. محتوایی نیز جهت نمایش وجود ندارد. این Property آدرس کامل دامنه (در صورت وجود به همراه sub domain ) به همراه پورت را نمایش می دهد. این Property نیز قابل ویرایش است و در صورت ویرایش مقدار location . host آدرس URL جایگزین می شود و باقی آدرس از URL مانند قبل باقی ماند. نکته قابل توجه در این مورد این است که می توان فقط مقدار port یا فقط مقدار location . hostname و یا همچنین می توان هر دو را تغییر داد. به کد زیر توجه کنید. در این Property مقدار موجود در URL ذخیره شده است. این Property نیز قابل ویرایش است و در صورت ویرایش مقدار location . search آدرس URL جایگزین می شود و باقی آدرس از URL مانند قبل باقی ماند. به کد زیر توجه کنید. اکنون کاربر به هدایت می شود چون مقدار location . search قبلی بود و فقط همین مقدار با جایگزین می شود که نتیجه آن هدایت کاربر به آدرس بالا است. بررسی مقدار این Property شامل به همراه است. این Property نیز قابل ویرایش است و در صورت ویرایش مقدار location . hash آدرس URL جایگزین می شود و باقی آدرس از URL مانند قبل باقی ماند. به کد زیر توجه کنید. اکنون کاربر به هدایت می شود چون مقدار location . hash قبلی که در انتهای آدرس قرار دارد بود و فقط همین مقدار با جایگزین می شود که نتیجه آن هدایت کاربر به آدرس بالا است. بررسی Method ها این متد یک ورودی string دریافت می کند که کاربر به آن صفحه هدایت می شود. مانند جایگزینی مقدار location . href عمل می کند. اکنون کاربر به آدرس هدایت می شود. با فراخوانی این متد صفحه رفرش می شود. کاربرد این متد مانند ( location . assign و location . href است. با این تفاوت که URL کنونی کاربر در تاریخچه ذخیره نمی شود و با زدن دکمه Back در مرورگر امکان بازگشت به صفحه فعلی را ندارد. اکنون کاربر به آدرس هدایت می شود. این متد مقدار location . href را بر میگرداند. در این قسمت میخواهیم سازگاری و پشتیبانی مرورگر ها برای Property ها و Method های location را مورد بررسی قرار دهیم. جزییات این موارد در جدول زیر قابل مشاهده است. هدف از این مطلب آشنایی شما با‌دسترسی به URL صفحه و تغییر آن با استفاده از جاوا اسکریپت است. با تمرین این مباحث تسلط خوبی روی این مبحث به دست میارید. امیدارم آموزش خوبی براتون بوده باشه و کمکی جهت آشنایی بیشتر با جاوا اسکریپت و همچنین برنامه نویسی شده باشه. اگر ابهامی در هر کدام از قسمت های کد دارید در نظرات بفرمایید تا توضیح بیشتری بدم. ممنون میشم نظراتتون رو با من درمیون بزارید تا بتونم محتواهای با کیفیت تری تولید کنم که برای من به عنوان نویسنده و برای شما به عنوان خواننده مفید باشه. می تونید در تلگرام با من در ارتباط باشید: @ DanialRahimy