ریدایرکت کردن در جاوا اسکریپت
سلام و وقت بخیر خدمت عزیزان ،
من بک اند کار هستم و با جاوا اسکریپت آشنایی ندارم ، عرضم به حضور شما که من میخوام وقتی کاربر روی یه دکمه ای کلیک کرد مثلا بعد 3 ثانیه به یه صفحه دیگه منتقل بشه دوستان جاوااسکریپ کار راهنمایی کنند ممنون
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
<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>ممنون میشم بهترین پاسخ رو انتخاب کنید ...
@alizadevesal
دومی رو اگر امتحان بکنید کمی تاخیر داره ...
میتونید زمانش رو هم خودتون با تغییر عدد 3000 عوض کنید ...
مجددا سلام
عذر میخواهم اشتباها کد رو خدمتتون دادم ...
<!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>
@gomnam
احساس می‌کنم باز هم اشتباهه...
یک نکته که از قلم افتاده این هست که پارامتر اول setTimeout باید از جنس callback function باشه و نه کد مستقیم.
// یعنی این اشتباهه:
setTimeout("console.log('Hello World!');", 500);
// و این درسته:
setTimeout(function() {
console.log('Hello World!');
}, 500);
//یا اینجوری:
setTimeout(() => {
console.log('Hello World!');
}, 500);@mhyeganeh
نه تست هم کردم مشکلی نداشت ...
نمیدونم شاید هم درست می فرمایید ولی من خیلی جا ها هم اینجوری استفاده کردم و هم خیلی دیدم اینجوری استفاده می کنند .
@gomnam
در لینک زیر علتش رو مفصلا توضیح داده:
https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#passing_string_literals
و در همه مثال هاش به صورت callback function استفاده کرده.
@mhyeganeh
با کد شما نتیجه بهتری داد. یعنی استفاده از اروفانکشن
سلام
کد 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>