آموزش ویژگی referrer در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی referrer در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی referrer در DOM جاوااسکریپت
با استفاده از ویژگی referrer میتونیم آدرس یا URL اون صفحه ای که ارجاع دهنده صفحه فعلی بوده رو مشخص نماییم.
فرض میکنیم یک صفحه داریم بنام A و یک صفحه دیگه بنام B : اگه از صفحه A بروی یک لینک کلیک کنیم و بریم به صفحه B ، اون صفحه A میشه ارجاع دهنده یا referrer ( که دیگه در صفحه B خیلی راحت میتونیم با استفاده از ویژگی referrer آدرس یا URL صفحه A رو بدست آوریم ) ( مثال شماره ۱ رو مشاهده نمایید )
این ویژگی آدرس ارجاع دهنده رو بطور کامل از https یا http و بصورت مطلق بازگشت میده.
| مقدار برگشتی | یک آدرس URL که نشون میده کاربر از چه آدرس یا صفحه ای وارد اون صفحه فعلی شده |
|---|---|
| نسخه DOM | Core Level 2 Document Object |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : با کلیک بروی دکمه زیر، وارد یک صفحه میشید، بعد دوباره در اون صفحه باید بروی یک دکمه کلیک کنید تا وارد یک صفحه دیگه بشید، اونجاست که بهتون نشون میده شما از چه آدرسی وارد اون صفحه شده اید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<body> <h2>سایت آموزشی فری لرن</h2> <h2>شما از آدرس زیر، وارد این صفحه شدید</h2> <h2 id="Result"></h2> <script> var result , ref_page; result = document.getElementById("Result"); ref_page = document.referrer; result.innerHTML = ref_page; </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
| referrer | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.referrer; |
Free-Learn
نکات و توضیحات
- اگه صفحه فعلی که باز میشه ، از طریق یک لینک باز نشده باشه مقدار برگشتی هیچی یا یک رشته خالی می باشد.
- با استفاده از این ویژگی میتونید مشخص کنید و متوجه شید که کاربر وقتی وارد یک صفحه شده، قبلش کجا بوده و از کجا وارد سایت شما شده.
