// 判斷用戶是否登錄--判斷cookie中會(huì)否存在username的值
$(function () {
? // 獲取cookie的username，如果cookie中的username有值，則表示用戶已經(jīng)登錄，否則未登錄
? var username = getCookie('username');
? var login = document.querySelector('.box1-con-c ');
? if (username) {
? ? // 用戶已經(jīng)登錄，在頂部導(dǎo)航欄，顯示用戶的信息，及顯示退出按鈕
? ? // 退出功能,點(diǎn)擊退出
? ? // var str = `<li><a>歡迎尊貴的<span>${username}</span>VIP來到旅游網(wǎng)站！</a></li>
? ? // <li><a href="javascript:;" class="logout">退出</a></li>`;
? ? var str = ` <div class="box1-con-c-a">
? ? <li><a>歡迎尊貴的<span>${username}</span>光臨</a></li>
? ? <li><a href="javascript:;" class="logout">退出</a></li>
? ? </div>`
? ? login.innerHTML = str;
? ? var logout = document.querySelector('.box1-con-c ');
? ? logout.onclick = function () {
? ? ? // 使用layer的confirm彈出層，展示 確定 和 取消 的選項(xiàng)
? ? ? layer.confirm('你確定要退出嗎？', {
? ? ? ? ? btn: ['確定', '取消']
? ? ? ? },
? ? ? ? // 第一個(gè) 確定 按鈕點(diǎn)擊觸發(fā)的函數(shù)
? ? ? ? function () {
? ? ? ? ? // 刪除cookie，退出登錄狀態(tài)
? ? ? ? ? delCookie('username');
? ? ? ? ? login.innerHTML = `<div class="box1-con-c-a">
? ? ? ? ? <span><span><a href="./denglu.html" target="_blank">登錄丨</a></span><a href="./zhuce.html"
? ? ? ? ? ? target="_blank">注冊(cè)</a></span>
? ? ? ? ? </div>
? ? ? ? ? <div class="box1-con-c-b">
? ? ? ? ? ? <input type="text" size="16">
? ? ? ? ? </div>`;
? ? ? ? ? layer.msg('退出成功', {
? ? ? ? ? ? icon: 1,
? ? ? ? ? ? time: 500
? ? ? ? ? })
? ? ? ? },
? ? ? ? // 第二個(gè) 取消 按鈕 點(diǎn)擊觸發(fā)的函數(shù)
? ? ? ? function () {
? ? ? ? ? layer.msg('已取消', {
? ? ? ? ? ? icon: 1,
? ? ? ? ? ? time: 500
? ? ? ? ? })
? ? ? ? ? return false;
? ? ? ? }
? ? ? )
? ? }
? }
})
