آموزش تغییر مسیر صفحه در جاوا اسکریپت

4 سال پیش

امتیاز دهید post

آموزش تغییر مسیر صفحه در جاوا اسکریپت

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش تغییر مسیر صفحه در جاوا اسکریپت خواهیم پرداخت.

تغییر مسیر صفحه چیست؟

ممکن است با وضعیتی روبرو شده باشید که برای رسیدن به صفحه X روی یک URL کلیک کنید اما در داخل به صفحه دیگری Y هدایت می شوید. این امر به دلیل تغییر مسیر صفحه اتفاق می افتد. این مفهوم با JavaScript Page Refresh متفاوت است.

دلایل مختلفی وجود دارد که می خواهید کاربر را از صفحه اصلی هدایت کنید. ما چند دلیل را ذکر می کنیم –

شما نام دامنه خود را دوست ندارید و به دامنه جدیدی می روید. در چنین سناریویی ممکن است بخواهید تمام بازدیدکنندگان خود را به سایت جدید هدایت کنید. در اینجا می توانید دامنه قدیمی خود را حفظ کنید اما یک صفحه با هدایت مجدد صفحه قرار دهید تا همه بازدید کنندگان دامنه قدیمی شما بتوانند به دامنه جدید شما بیایند.

شما صفحات مختلفی را بر اساس نسخه های مرورگر یا نام آنها ایجاد کرده اید یا ممکن است براساس کشورهای مختلف باشد، سپس به جای استفاده از تغییر مسیر صفحه سمت سرور، می توانید از تغییر مسیر صفحه سمت مشتری استفاده کنید تا کاربران خود را در صفحه مناسب قرار دهید.

موتورهای جستجو ممکن است قبلاً صفحات شما را فهرست بندی کرده باشند. اما در حالی که به دامنه دیگری می روید، دوست ندارید بازدیدکنندگان خود را از طریق موتورهای جستجو از دست بدهید. بنابراین می توانید از تغییر مسیر صفحه سمت مشتری استفاده کنید. اما به خاطر داشته باشید که این نباید برای فریب موتور جستجو انجام شود ، این امر می تواند سایت شما را به محرومیت سوق دهد.

جهت دهی مجدد صفحه چگونه کار می کند؟

پیاده سازی تغییر مسیر صفحه به شرح زیر است.

مثال 1

انجام تغییر مسیر صفحه با استفاده از جاوا اسکریپت در سمت مشتری بسیار ساده است. برای هدایت بازدیدکنندگان سایت خود به صفحه جدید ، فقط باید یک خط در بخش head خود به شرح زیر اضافه کنید.

&lt;html&gt;
   &lt;head&gt;
      &lt;script type = "text/javascript"&gt;
         &lt;!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }
         //--&gt;
      &lt;/script&gt;
   &lt;/head&gt;
   
   &lt;body&gt;
      &lt;p&gt;Click the following button, you will be redirected to home page.&lt;/p&gt;
      
      &lt;form&gt;
         &lt;input type = "button" value = "Redirect Me" onclick = "Redirect();" /&gt;
      &lt;/form&gt;
      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<!--

function Redirect() {

window.location = "https://www.tutorialspoint.com";

}

//-->

</script>

</head>

<body>

<p>Click the following button, you will be redirected to home page.</p>

<form>

</form>

</body>

</html>

مثال 2

قبل از هدایت بازدیدکنندگان به صفحه جدید، می توانید پیام مناسبی به بازدیدکنندگان سایت خود نشان دهید. برای بارگیری صفحه جدید ، به کمی تأخیر زمان نیاز دارید. مثال زیر نحوه اجرای همان را نشان می دهد. در اینجا ()setTimeout یک تابع جاوا اسکریپت داخلی است که می تواند برای اجرای یک تابع دیگر بعد از یک بازه زمانی مشخص مورد استفاده قرار گیرد.

&lt;html&gt;
   &lt;head&gt;
      &lt;script type = "text/javascript"&gt;
         &lt;!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }            
            document.write("You will be redirected to main page in 10 sec.");
            setTimeout('Redirect()', 10000);
         //--&gt;
      &lt;/script&gt;
   &lt;/head&gt;
   
   &lt;body&gt;
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<!--

function Redirect() {

window.location = "https://www.tutorialspoint.com";

}

document.write("You will be redirected to main page in 10 sec.");

setTimeout('Redirect()', 10000);

//-->

</script>

</head>

<body>

</body>

</html>

You will be redirected to main page in 10 sec.

1	You will be redirected to main page in 10 sec.

You will be redirected to tutorialspoint.com main page in 10 seconds!

1	You will be redirected to tutorialspoint.com main page in 10 seconds!

مثال 3

مثال زیر نحوه هدایت بازدیدکنندگان سایت خود را به صفحه دیگری بر اساس مرورگرهای آنها نشان می دهد.

&lt;html&gt;
   &lt;head&gt;     
      &lt;script type = "text/javascript"&gt;
         &lt;!--
            var browsername = navigator.appName;
            if( browsername == "Netscape" ) {
               window.location = "http://www.location.com/ns.htm";
            } else if ( browsername =="Microsoft Internet Explorer") {
               window.location = "http://www.location.com/ie.htm";
            } else {
               window.location = "http://www.location.com/other.htm";
            }
         //--&gt;
      &lt;/script&gt;      
   &lt;/head&gt;
   
   &lt;body&gt;
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<!--

var browsername = navigator.appName;

if( browsername == "Netscape" ) {

window.location = "http://www.location.com/ns.htm";

} else if ( browsername =="Microsoft Internet Explorer") {

window.location = "http://www.location.com/ie.htm";

} else {

window.location = "http://www.location.com/other.htm";

}

//-->

</script>

</head>

<body>

</body>

</html>

منبع.

لیست جلسات قبل آموزش جاوا اسکریپت

امتیاز دهید post

نویسنده مطلب saber

آموزش تغییر مسیر صفحه در جاوا اسکریپت

آموزش تغییر مسیر صفحه در جاوا اسکریپت

تغییر مسیر صفحه چیست؟

جهت دهی مجدد صفحه چگونه کار می کند؟

مثال 1

مثال 2

مثال 3

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

بدون دیدگاه

آموزش تغییر مسیر صفحه در جاوا اسکریپت

تغییر مسیر صفحه چیست؟

جهت دهی مجدد صفحه چگونه کار می کند؟

مثال 1

مثال 2

مثال 3

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه