این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی URL در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی URL در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی URL در DOM جاوااسکریپت
با استفاده از ویژگی URL میتونیم هم آدرس URL کامل صفحه رو بدست آوریم و هم میتونیم یک آدرس یا URL جدید براش تعریف نماییم.
یه ویژگی دیگه بنام location.href داریم که کارش دقیقا شبیه به همین ویژگی URL می باشد.
| مقدار برگشتی | برگشت آدرس کامل صفحه آدرس بصورت مطلق برگشت داده میشه آدرس با http یا https شروع میشه |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : گرفتن آدرس کامل URL صفحه
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function GetURL(){ var MyURL , Result; Result = document.getElementById("Result"); MyURL = document.URL; Result.innerHTML = MyURL; Result.style.display = "block"; } </script> |
مثال شماره ۲ : ست / تنظیم کردن آدرس جدید
|
1 2 3 4 5 |
<script> MyURL = document.URL = "https://free-learn.ir/"; </script> |
مثال شماره ۳ : دکمه اشتراک گذاری در شبکه های اجتماعی ( واتس اپ ، توییتر ، تلگرام ، لینکدین )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<script> var My_URL = document.URL; function whatsapp(){ var url = "https://wa.me/?text="; window.open( url + My_URL , '_blank' ); } function twitter(){ var url = "https://twitter.com/share?url="; window.open( url + My_URL , '_blank' ); } function telegram(){ var url = "https://telegram.me/share/url?url="; window.open( url + My_URL , '_blank' ); } function linkedin(){ var url = "https://www.linkedin.com/shareArticle?url="; window.open( url + My_URL , '_blank' ); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| URL | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- برای گرفتن آدرس صفحه :
|
1 |
document.URL; |
- برای ست کردن آدرس جدید :
|
1 |
document.URL = " New_URL "; |
Free-Learn
نکات و توضیحات
- این ویژگی مقداری که برگشت میده، یک URL یا آدرس یا مسیر صفحه ای ایست که درش قرار داریم، و آدرس رو بصورت آدرس مطلق و کامل که شامل https یا http می باشد، برگشت میده.
