کوثر
3 سال پیش توسط کوثر مطرح شد
10 پاسخ

ریدایرکت کردن در جاوا اسکریپت

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


ثبت پرسش جدید
علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش آپدیت شد
0

سلام

<html>
   <head>
      <script type = "text/javascript">
            function Redirect() {
               window.location = "https://roocket.ir/";
            }
      </script>
   </head>

   <body>     
         <input type = "button" value = "انتقال به صفحه ای دیگر" onclick = "Redirect();" />      
   </body>
</html>

یا اگر میخواهید با تاخیر اجرا شود و چند ثانیه بعد ریدارکت انجام شود :

<html>
   <head>
      <script type = "text/javascript">
            function Redirect() {
                setTimeout(window.location = "https://roocket.ir/",3000)
            }
      </script>
   </head>

   <body>     
         <input type = "button" value = "انتقال به صفحه ای دیگر" onclick = "Redirect()" />      
   </body>
</html>

ممنون میشم بهترین پاسخ رو انتخاب کنید ...


کوثر
تخصص : برنامه نویس وب
@kowsar 3 سال پیش مطرح شد
0

سلام مجدد دوست عزیز ریدایرکت میکنه اما بدون تاخیر


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

@alizadevesal
دومی رو اگر امتحان بکنید کمی تاخیر داره ...
میتونید زمانش رو هم خودتون با تغییر عدد 3000 عوض کنید ...


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

مجددا سلام
عذر میخواهم اشتباها کد رو خدمتتون دادم ...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type = "text/javascript">
        function Redirect() {
            window.location = "https://roocket.ir/"
            setTimeout(Redirect(),3000)
        }
  </script>    
  <input type = "button" value = "انتقال به صفحه ای دیگر" onclick = "Redirect()" />      
</body>
</body>
</html>

محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش آپدیت شد
0

@gomnam
احساس می‌کنم باز هم اشتباهه...

یک نکته که از قلم افتاده این هست که پارامتر اول setTimeout باید از جنس callback function باشه و نه کد مستقیم.

// یعنی این اشتباهه:
setTimeout("console.log('Hello World!');", 500);

// و این درسته:
setTimeout(function() {
  console.log('Hello World!');
}, 500);

//یا اینجوری:
setTimeout(() => {
  console.log('Hello World!');
}, 500);

علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش آپدیت شد
0

@mhyeganeh
نه تست هم کردم مشکلی نداشت ...
نمیدونم شاید هم درست می فرمایید ولی من خیلی جا ها هم اینجوری استفاده کردم و هم خیلی دیدم اینجوری استفاده می کنند .


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
0

@gomnam
در لینک زیر علتش رو مفصلا توضیح داده:
https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#passing_string_literals

و در همه مثال هاش به صورت callback function استفاده کرده.


فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
0

@mhyeganeh
با کد شما نتیجه بهتری داد. یعنی استفاده از اروفانکشن

https://codepen.io/kazemi/pen/rNzmogN


علی جمالی
تخصص : برنامه نویس وب
@alijamali 3 سال پیش مطرح شد
0

سلام
کد js:


    <button id="click">کلیک کنید</button>

    <script>
        var cli = document.getElementById('click'),
        myHref = 'https://roocket.ir';
        cli.addEventListener('click',function () {
            setInterval(function () {location.href=myHref,3000});
        });

    </script>

کوثر
تخصص : برنامه نویس وب
@kowsar 3 سال پیش مطرح شد
0

خیلی ممنون از دوستان واقعا نظر لطفتون هست بازم ممنون از همه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام