// 导航栏跳转 function navPage(url) { localStorage.setItem('iframeUrl', url); document.getElementById('iframe').src = url; } // 跳转到个人中心也 function centerPage() { var userTable = localStorage.getItem('userTable'); if (userTable) { localStorage.setItem('iframeUrl', './pages/' + userTable + '/center.html'); document.getElementById('iframe').src = './pages/' + userTable + '/center.html'; } else { window.location.href = './pages/login/login.html' } }
时间: 2024-01-13 11:03:40 浏览: 376
这是一段 JavaScript 代码,其中包含了两个函数。第一个函数是 navPage,它用于导航栏的跳转,接受一个参数 url,将其存储到 localStorage 中的 iframeUrl 键中,并将 iframe 的 src 属性设置为 url。第二个函数是 centerPage,它用于跳转到个人中心页面。首先它获取 localStorage 中的 userTable 值,如果存在,将 iframeUrl 键设置为 './pages/' + userTable + '/center.html',并将 iframe 的 src 属性设置为该值。如果不存在,将页面跳转到登录页面('./pages/login/login.html')。
相关问题
var vue = new Vue({ el: '#header', data: { indexNav: indexNav, cartFlag: cartFlag, adminurl: adminurl, chatFlag: chatFlag, projectName: projectName }, mounted: function() { this.bindClickOnLi(); }, methods: { jump(url) { jump(url) }, bindClickOnLi() { let list = document.getElementsByTagName("li"); for(var i = 0;i<list.length;i++){ list[i].onclick = function(){ $(this).addClass("current").siblings().removeClass("current"); } } } } }); layui.use(['element','layer'], function() { var element = layui.element; var layer = layui.layer; }); function chatTap(){ var userTable = localStorage.getItem('userTable'); if (userTable) { layui.layer.open({ type: 2, title: '客服聊天', area: ['600px', '600px'], content: './pages/chat/chat.html' }); } else { window.location.href = './pages/login/login.html' } } // 导航栏跳转 function navPage(url) { localStorage.setItem('iframeUrl', url); document.getElementById('iframe').src = url; }
这是一个使用Vue.js和layui框架的前端代码,其中包括了一些数据和方法的定义。其中的data包括了首页导航、购物车标志、管理员url、聊天标志和项目名称等变量。mounted中的bindClickOnLi方法用于为导航栏li元素绑定点击事件,使其在点击后添加current类名,表示当前选中状态。methods中包括了jump和bindClickOnLi方法,用于跳转页面和绑定导航栏点击事件。该代码还使用了layui的element(元素)和layer(弹窗)组件。最后,该代码还定义了chatTap和navPage方法,用于打开聊天窗口和跳转页面。其中,chatTap方法会判断用户是否已登录,若未登录则跳转至登录页面。
阅读全文