记录-关于网站的欢迎页，初次进入可见欢迎页，再次进入就直接显示主页了

最新推荐文章于 2022-10-17 15:33:29 发布

weixin_30951389

最新推荐文章于 2022-10-17 15:33:29 发布

阅读量891

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dscs/p/5005676.html

本文介绍了如何通过jQueryCookie插件实现网站初次访问时显示欢迎页（引导页），再次访问时直接进入主页的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：

第一次进入网站需要进入的是欢迎页（引导页），再次进入就直接进入主页了。

想到的是cookie 保持本地文件。

jquery cookie；(需要在页面引入jquery cookie插件)

附上部分代码参考：

$(function(){

//对浏览器的cookie进行判断，有cookie说明已经创建，这里取反直接进入主页
if(!$.cookie('hasWatch')){
$("#homeShufflingImage").append('<div class="swiper-slide" style="text-align: center;width: auto"><img src="../res/vankemobilestyle/images/guide01.jpg" width="100%"/></div>'
+'<div class="swiper-slide" style="text-align: center;width: auto"><img alt="" src="../res/vankemobilestyle/images/guide02.jpg" width="100%" /></div>'
+'<div class="swiper-slide" style="text-align: center;width: auto"><img alt="" src="../res/vankemobilestyle/images/guide03.jpg" width="100%" /></div>'
+'<div class="swiper-slide" style="text-align: center;width: auto"><img alt="" src="../res/vankemobilestyle/images/guide04.jpg" width="100%" /></div>'
+'<div class="swiper-slide" style="text-align: center;width: auto"><a href="/webMoblie/mbNewHouse" style="height:100%;"><img alt="" src="../res/vankemobilestyle/images/guide05.png" width="100%" /></a></div>'

);

var swiper = new Swiper('.index_roll .swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
centeredSlides: true,
autoplayDisableOnInteraction: false,
autoplay:false
});

$(".swiper-slide img").height($(window).height());
//此处重点：创建jquery cookie
$.cookie('hasWatch', 'ture', { expires: 100, path: '/' });    
}
else 
window.location.href ='/webMoblie/mbIndex';
})

转载于:https://www.cnblogs.com/dscs/p/5005676.html