نحوه تجزیه کردن آدرس های url با Jquery
1 0

نحوه تجزیه کردن آدرس های url با Jquery


نحوه تجزیه کردن آدرس های url با Jquery

در این پست به یکی دیگر از مباحث پیشرفته و ترفندهای jquery می پردازیم.

در این آموزش نحوه تجزیه کردن آدرس های url و استخراج اجزای url از رون رشته خواهیم پرداخت.

در مثال زیر تمام کدها به صورت کامل نوشته شده

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>www.iranganj.ir</title>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
</head>
<body>

    <a href="http://iranganj.ir/page/user.aspx?q=12#test">www.iranganj.ir</a>
    <script type="text/javascript">

        var currentUrl = $(location).attr('href');
        alert(currentUrl);

        var currntA = $("a").attr("href");
        alert(currntA);

        var url = 'http://iranganj.ir:8080/page/user.aspx?q=12#test';
        var a = $('<a>', { href: url });

        alert(a.attr("href"));

        alert('Host: ' + a.prop('host'));

        alert('Hostname: ' + a.prop('hostname'));

        alert('pathname: ' + a.prop('pathname'));

        alert('Query string:' + a.prop('search'));

        alert('Port:' + a.prop('port'));

        alert('Protocol: ' + a.prop('protocol'));

        alert('Marker: ' + a.prop('hash'));

    </script>
</body>
</html>

دریافت آدرس url از مرورگر

در مثال زیر آدرس Url را از مرورگر دریافت کردیم و سپس توسط تابع alert آن را نمایش دادیم

var currentUrl = $(location).attr('href');
alert(currentUrl);

دریافت Url از تگ a

در مثال زیر url که در href تگ a که در صفحه قرار دارد رو دریافت کردیم و سپس توسط تابع alert ، Url نمایش دادیم

var currntA = $("a").attr("href");
alert(currntA);

قرار دادن  یک Url به صورتی دستی در تگ a

در کد زیر ابتدا یک  url  رو داخل یک متغیر قرار دادیم و سپس این url به یک تگ a اختصاص دادیم و در نهایت توسط تابع alert آن را نمایش دادیم

var url = 'http://iranganj.ir:8080/page/user.aspx?q=12#test';
var a = $('<a>', { href: url });

alert(a.attr("href"));

در کد زیر آدرس سایت به همراه پورت آن را نمایش می دهد (خروجی iranganj.ir:800)

alert('Host: ' + a.prop('host'));

در کد زیر فقط آدرس سایت را نمایش می دهد (خروجی iranganj.ir)

alert('Hostname: ' + a.prop('hostname'));

کد زیر فقط مسیر صفحه را نمایش می دهد (خروجی /page/user.aspx)

alert('pathname: ' + a.prop('pathname'));

کد زیر فقط Query String را نمایش می دهد (خروجی q=12?)

alert('Query string:' + a.prop('search'));

در کد زیر فقط پورت را نمایش می دهد (خروجی 8080)

alert('Port:' + a.prop('port'));

در کد زیر فقط پروتکل را نمایش می دهد (خروجی http: یا https:)

alert('Protocol: ' + a.prop('protocol'));

در کد زیر مارکر را نمایش می دهد (خروجی #test)

alert('Marker: ' + a.prop('hash'));

دانلود

نویسنده حسین فتحی
گروه مطلب Jquery
نوع مطلب سورس کد و آموزش
تاریخ انتشار ۴ بهمن ۱۳۹۴
منبع ایران گنج
تعداد نظرات ۰
قیمت کاربران مهمان
توضیح توجه:
  • زمانی که روی لینک دانلود کلیک می کنید لینک دانلود به مدت 24 ساعت معتبر خواهد بود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

نظر / سوال

Captcha

این صفحه را می‌پسندم