原生JS 全局变量设置和使用

为了跨页面实现全局使用某个变量例如说cookie，总结下自己使用过的方法。

一、cookie

设置

document.cookie = name + "=" + 1 ;

获取

  function getCookie(name) {var prefix = name + "=";var start = document.cookie.indexOf(prefix);if (start == -1) {return null;};var end = document.cookie.indexOf(";", start + prefix.length);if (end == -1) {end = document.cookie.length;}var value = document.cookie.substring(start + prefix.length, end);return unescape(value);};

删除

function delCookie  (name) {var exp = new Date();exp.setTime(exp.getTime() - 10000);var cval = this.getCookie(name);if (cval != null) {document.cookie = name + "=" + 1 + ";expires=" + exp.toGMTString();};};

二、挂载在window全局变量

挂载在window下的不只是变量，还可以把函数挂上去比较方便

设置

window.akUserInfo=xxxxx

获取

window.akUserInfo

删除-设置为空

window[name]=null

三、存放在sessionStorage

设置

sessionStorage.setItem(name,xxxxx);

获取

sessionStorage.getItem(name);

删除-同样设置为空

sessionStorage.setItem(name,null);

原生JS 全局变量设置和使用相关推荐

原生JS实现的滚动抽奖工具（可设置每个奖品概率、滚动速度、滚动圈数）
使用原生JS实现的滚动抽奖效果,可对每个奖品设置概率实现以下功能: 1.可针对每个奖品设置概率 2.可设置最少滚动圈数 3.可设置滚动速度 4.可设置从倒数第几个开始减慢速度演示图 HTML部分 ...
原生JS设置和获取transform样式
原生JS设置和获取transform样式用JS获取transform样式的值 let tabulW = document.querySelector('.tabul') /* 获取DOM元素*/ l ...
原生js获取以固定字符开头的控件id，并设置属性
原生js获取以固定字符开头的控件id,并设置属性还在用JQ加CSS选择器获取指定id开头的DOM嘛? 现在试试 JavaScript提供的querySelectorAll函数目前几乎主流浏览器均支 ...
怎么修改html行内样式表,原生JS获取及设置CSS样式-1.行内样式
面试中,应该会经常被问到样式的写法以及如何使用原生JS获取及操作样式的问题吧,让我给大家总结一下~ HTML中样式的写法不外乎以下四种方式行内样式假装有内容 head内部样式 div { widt ...
原生JS设置CSS样式有多少方式
文章导航 element.style element.style.cssText 有什么区别原生 JS 调整样式方式有 3 种. element.style 属性需要使用驼峰形式 !importan ...
html js 设置样式,原生js设置样式笔记：JS设置CSS样式的几种方式
document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性用J ...
表格设置翻页 html,使用原生JS实现表格数据的翻页功能
使用原生JS实现如下图所示表格数据的翻页功能: HTML代码: 表格标题 < > 简单处理一下样式,CSS代码: #pagination { text-align: center; } # ...
原生js获取和设置页面垂直滚动高度
最近想用原生js实现一些交互效果,以下代码是返回顶部按钮要用到的一个方法:获取和设置页面垂直滚动高度,如果用jq可以简单实现,用原生js,其实就是要多考虑浏览器的兼容性: /*** 获取&&a ...
原生JS设置cookie、读取cookie、删除cookie
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一 ...

原生JS 全局变量设置和使用

一、cookie

二、挂载在window全局变量

三、存放在sessionStorage

原生JS 全局变量设置和使用相关推荐

最新文章

热门文章