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' } } var iframeUrl = localStorage.getItem('iframeUrl'); document.getElementById('iframe').src = iframeUrl; changeFrameHeight(); // 窗口变化时候iframe自适应 function changeFrameHeight() { var header = document.getElementById('header').scrollHeight; var ifm = document.getElementById("iframe"); ifm.height = document.documentElement.clientHeight - header; ifm.width = document.documentElement.clientWidth; } // reasize 事件 窗口大小变化后执行的方法 window.onresize = function() { changeFrameHeight(); }
时间: 2024-02-09 18:07:14 浏览: 30
这是一个前端代码,其中定义了一些方法和变量。navPage方法用于跳转页面,该方法会将url存储在localStorage中,然后将iframe的src属性设置为该url。centerPage方法用于跳转到个人中心页面,该方法会判断用户是否已登录,若已登录则根据用户类型(userTable)跳转至个人中心页面,否则跳转至登录页面。该代码还定义了一个iframeUrl变量,用于存储iframe的url,然后将iframe的src属性设置为该url。changeFrameHeight方法用于根据窗口大小自适应调整iframe的高度和宽度。最后,该代码使用了window.onresize事件,当窗口大小变化时会执行changeFrameHeight方法来调整iframe的大小。
相关问题
// 导航栏跳转 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' } }
这是一段 JavaScript 代码,其中包含了两个函数。第一个函数是 navPage,它用于导航栏的跳转,接受一个参数 url,将其存储到 localStorage 中的 iframeUrl 键中,并将 iframe 的 src 属性设置为 url。第二个函数是 centerPage,它用于跳转到个人中心页面。首先它获取 localStorage 中的 userTable 值,如果存在,将 iframeUrl 键设置为 './pages/' + userTable + '/center.html',并将 iframe 的 src 属性设置为该值。如果不存在,将页面跳转到登录页面('./pages/login/login.html')。
localStorage.setItem 只能存字符串吗
localStorage.setItem() 是用于将数据存储到浏览器的本地存储中的方法。它可以存储字符串类型的数据,但是也可以存储其他基本数据类型(如数字、布尔值)和对象类型的数据。
当我们使用 localStorage.setItem() 方法时,它会将数据转换为字符串并存储在本地存储中。如果存储的是对象类型的数据,会自动调用对象的 toString() 方法将其转换为字符串。
如果需要存储非字符串类型的数据,可以使用 JSON.stringify() 方法将其转换为字符串,然后再使用 localStorage.setItem() 存储。
下面是一个示例:
```
// 存储字符串
localStorage.setItem('name', 'John');
// 存储数字
localStorage.setItem('age', 25);
// 存储布尔值
localStorage.setItem('isStudent', true);
// 存储对象
var person = { name: 'John', age: 25 };
localStorage.setItem('person', JSON.stringify(person));
```