این آموزش در تاریخ ۱۴۰۰/۰۴/۱۹ آپدیت شده است.

آموزش ویژگی href در BOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی href در BOM جاوااسکریپت با من همراه باشید.

ویژگی href در BOM جاوااسکریپت

Free-Learn

ویژگی href در BOM جاوااسکریپت

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

مقدار برگشتی برگشت آدرس URL کامل صفحه که شامل http یا https می باشد

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : بدست آوردن آدرس URL صفحه بطور کامل ( از https تا آخرش )

امتحان کنید

مثال شماره ۲ : تنظیم آدرس URL جدید

امتحان کنید

مثال شماره ۳ : ساخت دکمه ( button ) لینک دار ( که وقتی روش کلیک کنیم بره به یک آدرس دلخواه )

امتحان کنید

مثال شماره ۴ : استفاده از پروتکل mailto ( برای ایجاد کردن لینک ایمیل )

امتحان کنید

مثال شماره ۵ : ایجاد فرم گزارش خطا یا ارسال مشکل یا هرچی ..

فک کنم در برخی از سایت ها همچین چیزی دیدید!؟ که مثلا یک دکمه هست روش کلیک میکنید و میگن مثلا اگه مشکلی چیزی تو اون صفحه هست برای ما ارسال کنید.

خب بنظره شما چیزی این وسط مهمه و عملا اصل کاریه چیه؟ خب مشخصه که آدرس اون صفحه ای است که قراره کاربر گزارشش بده، ( از این طریق ما متوجه میشیم که مشکل در کدام آدرس و صفحه هستش )

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

امتحان کنید

مثال شماره ۶ : ساخت دکمه اشتراک گذاری در شبکه های اجتماعی ( واتس اپ ، توییتر ، تلگرام ، لینکدین )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
location.href بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

  • گرفتن مقدار :

  • ست / تنظیم مقدار جدید :

Free-Learn

جدول مقادیر این ویژگی

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
New_Address برای تنظیم آدرس URL جدید صفحه
میتونه آدرس مطلق باشه
https://test.com/test.html
میتونه آدرس نسبی باشه
test.html
میتونه یک لنگر باشه
https://test.com/#test
میتونه یک پروتکل یا Protocol باشه
ftp://testserver.com
mailto:test@test.com

Free-Learn

نکات و توضیحات

  • در زبان HTML با استفاده از تگ a میتونیم یک لینک با آدرس مشخص ایجاد نماییم و در زبان جاوااسکریپت با استفاده از همین ویژگی نیز میتونیم یک لینک درست کنیم. ( همانند مثال شماره ۳ )
  • این ویژگی در دسته ی بخش Location مرورگر می باشد، Location هم یعنی نوار آدرس مرورگر، نوار آدرس مرورگر هم یعنی اون آدرس URL صفحه ای که روش اجرا شده، پس وقتی ما میخوایم آدرس جدید براش تنظیم کنیم مثه اینه که داریم آدرس صفحه ای که داخلشیم رو تغییر میدیم و مرورگر هم میره به اون آدرس.

Free-Learn

دریافت PDF یا پرینت این مطلب