ذخیره کردن یک صفحه در جاوااسکریپت
با سلام.دوستان من میخوام وقتی یک دکمه کلیک شد بیاد بره صفحه دیگه را باز کنه و وقتی صفحه رو رفرش کردم دیگه نیاد صفحه اول و دکمه رو نشون بده. ممنون میشم راهنمایی کنید ۲ هفته هست موندم چیکار کنم.
let vbig= document.querySelector(".vbig");
let forms= document.querySelector(".forms");
let buttons= document.querySelector(".buttons");
buttons.addEventListener('click', function(e){
if(1<6){
forms.style.display="none";
vbig.style.display="block";
}
else{
console.log('no');
}
});
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
درود خوبی...
کد زیر:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redirect Example</title>
<script>
document.addEventListener("DOMContentLoaded", () => {
const hasVisited = localStorage.getItem("visited");
if (hasVisited) {
window.location.href = "page.html";
}
const button = document.getElementById("redirect-button");
button.addEventListener("click", () => {
localStorage.setItem("visited", "true");
window.location.href = "page.html";
});
});
</script>
</head>
<body>
<h1>صفحه اصلی</h1>
<button id="redirect-button">برو به صفحه دیگر</button>
</body>
</html>سلام دوست عزیز در قسمت اول سوالت باید از راه زیر مشکل رو حل کنی ولی قسمت دوم رو متوجه نشدم
<button onclick="window.open('https://example.com', '_blank')">باز کردن در تب جدید</button>
سلام. وقتی من دکمه رو کلیک میکنم صفحه جدیدی باز میشه. من میخوام بعد رفرش نیاد دکمه رو دوباره نشون بده. بره صفحه ای که باز شده رو نشون بده.دکمه مال فرم هست.
ببین میتونی یه متغیر در لوکال استوریج کاربر ست کنی که مقدار True / False داشته باشه وقتی کلیک کرد مقدارش بشه true
و اول کدت مقدار این متغیر رو چک کنی که اگر true بود ریدایرکت شه به ادرسی که میخوای
بزارید کامل توضیح بدم متوجه بشید. یک فرمی هست که کاربر پر میکنه بعد دکمه ورود رو میزنه، من می خوام وقتی کاربر فرم رو پر کرد و ورود رو زد بره یه صفحه دیگه رو باز کنه. وقتی هم کاربر رفت بیرون و دوباره برگشت دیگه فرم ورود رو نشون نده بره صفحه ای که باز شده بود رو نشون بده. که فکر کنم با localstorage درست میشه. ممنون میشم راهنمایی کنید.
درود خوبی...
کد زیر:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redirect Example</title>
<script>
document.addEventListener("DOMContentLoaded", () => {
const hasVisited = localStorage.getItem("visited");
if (hasVisited) {
window.location.href = "page.html";
}
const button = document.getElementById("redirect-button");
button.addEventListener("click", () => {
localStorage.setItem("visited", "true");
window.location.href = "page.html";
});
});
</script>
</head>
<body>
<h1>صفحه اصلی</h1>
<button id="redirect-button">برو به صفحه دیگر</button>
</body>
</html>خیلی ممنون. فقط اگر من با جاوااسکریپت از ajax استفاده کنم تا در صفحه جدید باز نشه اون موقع چطور میتونم این کارو بکنم؟
سلام باید از
window.history.pushState('','',pageurl)یا از
window.history.replaceState('','',pageurl)استفاده کنید اینا میان بدون اینکه صفحه رفرش بشه آدرس مرورگر رو تغییر میدن اینطوری وقتی با آجاکس یا هر روش دیگه ای غیر از لینک میایید صفحه رو عوض میکنید اگه یکی از این دو تابع بالا رو که یکمم باهم فرق دارن از لحاظ کاربر صدا بزنید آدرس صفحه جدید رو بهش بدید اینطوری وقتی رفرش میکنید صفحه قبلی نمیاد