این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی referrer در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی referrer در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی referrer در DOM جاوااسکریپت
با استفاده از ویژگی referrer میتونیم آدرس یا URL اون صفحه ای که ارجاع دهنده صفحه فعلی بوده رو مشخص نماییم.
فرض میکنیم یک صفحه داریم بنام A و یک صفحه دیگه بنام B : اگه از صفحه A بروی یک لینک کلیک کنیم و بریم به صفحه B ، اون صفحه A میشه ارجاع دهنده یا Referrer ( که دیگه در صفحه B خیلی راحت میتونیم با استفاده از همین ویژگی referrer آدرس یا URL صفحه A رو بدست آوریم )
| مقدار برگشتی | برگشت یک آدرس URL ( آدرس صفحه ارجاع دهنده ) |
|---|---|
| نسخه DOM | DOM Level 2 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : با کلیک بروی دکمه زیر، وارد یک صفحه میشید، بعد دوباره در اون صفحه باید بروی یک دکمه دیگه کلیک کنید تا وارد یک صفحه دیگه بشید، اونجاست که بهتون نشون میده شما از چه آدرسی وارد اون صفحه شدید.
- فایل A ( اونکه کاربر اول میره داخلش بعد بروی لینک کلیک میکنه )
|
1 2 3 4 5 6 7 |
<body> <h2>سایت آموزشی فری لرن</h2> <h2>لطفا بروی لینک زیر کلیک نمایید تا وارد یک صفحه شوید</h2> <a href="File_B.html">کلیک کنید</a> </body> |
- فایل B ( اونکه کاربر وقتی واردش شد لینک ارجاع رو بهش نشون میده )
|
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 | Edge |
| referrer | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.referrer; |
Free-Learn
نکات و توضیحات
- اگه صفحه فعلی که باز میشه ، از طریق یک لینک باز نشده باشه مقدار برگشتی هیچی یا یک رشته خالی می باشد.
- کاربرد این ویژگی برای اینه که متوجه شید که کاربر وقتی وارد صفحه / سایت شما شده، قبلش کجا بوده و از کجا به سایت شما اومده.
