جاوا اسکریپت – هدایت صفحه (Page Redirection)
آخرین بروزرسانی:
هدایت صفحه (Page Redirection) چیست؟
شما ممکن است با موقعیتی روبهرو شوید که روی یک URL کلیک میکنید تا به صفحه X برسید، اما درواقع به صفحه دیگری، یعنی صفحه Y هدایت میشوید. این اتفاق به دلیل هدایت صفحه اتفاق (page redirection) میافتد. این مفهوم با رفرش جاوااسکریپت (JavaScript Page Refresh) متفاوت است.
- ممکن است دلایل مختلفی وجود داشته باشد که شما مایل باشید کاربر را از صفحه اصلی هدایت کنید. ما چندین دلیل را لیست کردهایم:
- شما از نام دامنه خود راضی نیستید و میخواهید به یک دامنه جدید منتقل شوید. در چنین حالتی، ممکن است بخواهید تمام بازدیدکنندگان خود را به سایت جدید هدایت کنید. در اینجا میتوانید دامنه قدیمی خود را حفظ کنید اما یک صفحه تنها با هدایت صفحه قرار دهید، به طوری که تمام بازدیدکنندگان دامنه قدیمیتان بتوانند به دامنه جدید شما بروند.
- شما صفحات مختلفی بر اساس نسخههای مرورگر یا نامهای آنها ساختهاید یا ممکن است بر اساس کشورهای مختلف باشند، پس به جای استفاده از هدایت صفحه سمت سرور، میتوانید از هدایت صفحه سمت کاربر برای هدایت کاربران خود به صفحه مناسب استفاده کنید.
- موتورهای جستجو ممکن است صفحات شما را قبلاً فهرست کرده باشند. اما در حال حرکت به یک دامنه دیگر، شما مایل به از دست دادن بازدیدکنندگانی که از طریق موتورهای جستجو میآیند نیستید. بنابراین میتوانید از هدایت صفحه سمت مشتری استفاده کنید. اما به خاطر داشته باشید که این کار برای فریب موتورهای جستجو انجام نشود، ممکن است منجر به ممنوعیت سایت شما شود.
عملکرد هدایت صفحه چگونه است؟
پیادهسازیهای هدایت صفحه به شرح زیر است:
مثال 1
با استفاده از جاوااسکریپت در سمت کاربر، هدایت صفحه بسیار ساده است. برای هدایت بازدیدکنندگان سایت به صفحه جدید، فقط کافی است یک خط را در بخش head اضافه کنید:
<html>
<head>
<title>مثال هدایت صفحه</title>
</head>
<body>
<p>روی دکمه زیر کلیک کنید، به صفحه اصلی هدایت خواهید شد.</p>
<form>
<input type="button" value="هدایت من" onclick="Redirect();" />
</form>
<script type="text/javascript">
function Redirect() {
window.location = "https://www.underdevelops.com";
}
</script>
</body>
</html>
مثال 2
میتوانید پیام مناسبی را به بازدیدکنندگان سایت خود نمایش دهید پیش از اینکه آنها را به صفحه جدید هدایت کنید. این نیاز به تأخیر کمی برای بارگذاری صفحه جدید دارد. مثال زیر نحوه پیادهسازی همین موضوع را نشان میدهد. در اینجا setTimeout() یک تابع جاوااسکریپت تعبیهشده است که میتواند برای اجرای یک تابع دیگر پس از گذشت یک بازه زمانی مشخص استفاده شود:
<html>
<head>
<title>مثال هدایت صفحه</title>
</head>
<body>
<p>شما در ۱۰ ثانیه به صفحه اصلی هدایت خواهید شد.</p>
<script>
function redirect() {
window.location = "https://www.underdevelops.com";
}
setTimeout('redirect()', 10000);
</script>
</body>
</html>
مثال 3
مثال زیر نشان میدهد چگونه میتوانید بازدیدکنندگان سایت خود را بر اساس مرورگرهایشان به صفحه متفاوتی هدایت کنید:
<html>
<head>
<title>هدایت مرورگر</title>
</head>
<body>
<script type = "text/javascript">
var browsername = navigator.appName;
if( browsername == "Netscape" ) {
window.location = "https://www.underdevelops.com/";
} else if ( browsername =="Microsoft Internet Explorer") {
window.location = "https://www.underdevelops.com/";
} else {
window.location = "https://www.underdevelops.com/";
}
</script>
</body>
</html>
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام