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'));
این مطلب را به اشتراک بگذارید...
نظر / سوال