放上这个代码后进入网站会先跳转到这个公告页面,要慎用.....
1.创建一个a.js将以下js代码放入:
function setCookie(name, value, days) { let date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); // 1天有效 document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + date.toUTCString() + "; path=/"; } function getCookie(name) { let cookies = document.cookie.split('; '); for (let i = 0; i < cookies.length; i++) { let cookiePair = cookies[i].split('='); if (cookiePair[0] === name) return decodeURIComponent(cookiePair[1]); } return null; } function saveReferrer() { let referrer = document.referrer; if (referrer && referrer.indexOf(window.location.origin) !== -1) { localStorage.setItem("sourcePage", referrer); } } document.addEventListener("DOMContentLoaded", function () { saveReferrer(); if (!getCookie("jumpedToday")) { setCookie("jumpedToday", "true", 1); // 设置 1 天有效 window.location.href = "/b.html"; // 替换成你的公告页面 } });
2.创建一个b.html将以下代码放入(文件名称如果更改需要在a.js里更改文件名称);
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>公告页面</title> <style> body { text-align: center; font-family: Arial, sans-serif; margin-top: 50px; } .container { max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } h1 { color: #ff6600; } .btn { display: block; width: 100%; padding: 10px; margin: 10px 0; font-size: 16px; text-decoration: none; color: white; background-color: #007bff; border: none; border-radius: 5px; cursor: pointer; } .btn:hover { opacity: 0.8; } .btn.secondary { background-color: #28a745; } .btn.third { background-color: #ff6600; } </style> </head> <body> <div class="container"> <h1>重要通知</h1> <p>本页面一天弹出一次</p> <button class="btn" onclick="goToNewDomain1()">发布页 1</button> <button class="btn secondary" onclick="goToNewDomain2()">发布页 2</button> <button class="btn third" onclick="goToNewDomain3()">发布页 3</button> <hr> <button class="btn secondary" onclick="goBack()">返回来源页面</button> </div> <script> // 页面加载时保存来源页面 URL window.onload = function() { const referrer = document.referrer; if (referrer && referrer !== window.location.href) { localStorage.setItem("sourcePage", referrer); } }; function goToNewDomain1() { window.location.href = "https://baidu.com"; // 替换为你的新域名1 } function goToNewDomain2() { window.location.href = "https://baidu.com"; // 替换为你的新域名2 } function goToNewDomain3() { window.location.href = "https://baidu.com"; // 替换为你的新域名3 } function goBack() { const sourcePage = localStorage.getItem("sourcePage") || document.referrer; if (sourcePage && sourcePage !== window.location.href) { window.location.href = sourcePage; } else { window.location.href = "/"; } } </script> </body> </html>
3.调用代码;<script src="/a.js"></script> 放在需要跳转的html页面
暂无评论...