原生js--cookie操作的封装】的更多相关文章

之前一直都使用jquery来操作dom,今天想自己用原生写一些插件,却发现给dom增删class的时候,使用slice来截取className特别的麻烦,后来发现,原来原生JS本来就有提供api来对dom的class进行增删,下面的对象就是用来对dom进行增删class的. Element.classList 点击查看classlist的api html: <div class="container"> </div> <button class="…
很久没写原生的JS了,上周做了一个小东西让我又重新了解了一下原生JS,以下记录一些常见的原生JS var canvArrow = document.getElementById('js-canv_arrow'); var body = document.getElementsByTagName('body')[0]; var a = document.getElementById('nav-text'); 1.修改css属性:canvArrow.style.display = "block&qu…
pCookie.js (function(){ var PotatogCookie = {}; //设置cookie PotatogCookie.set = function(key, value, delay) { //默认cookie为七天之后过期 3s 4m 5h 7d 秒 分 时 天 if(delay == "undefined")delay = "7d"; delay = delay.toLowerCase(); var expireDate = new…
引子:用javascript给元素绑定事件,我们可以用addEventListener这个方法,然而这个方法有兼容问题,比如在IE浏览器上面就无效,在IE上面要用attachEvent这个方法 一.addEventListener和attachEvent的区别: 1.addEventListener有3个参数,attachEvent只有2个参数,默认是冒泡 2.addEventListener的第一个参数是事件类型(例如:click),attachEvent的第一个参数是事件处理函数名称(例如:…
最近在开发过程中用别人的插件有问题,所以研究了一下,怎么封装自己的插件. 如果是制作jquery插件的话.就将下面的extend方法换成  $.extend 方法,其他都一样. 总结一下实现原理: 将方法体封装在一个自执行的函数体里面,防止变量污染. 默认参数在options设置,extend方法有由for-in遍历得到,使得参数为用户制定参数.this.init是项目初始化,init,extend,event方法都是在demo对象的原型链上面的方法,方便调用.将自己的方法直接卸载event方法…
1. ajax的介绍 1.1 含义 ajax 的全称是Asynchronous JavaScript and XML 简单理解下:ajax就是异步的js和服务端的数据 1.2 组成 异步的js:事件,对象等 其他js:数据处理和解析的js 服务器的载体:xhr对象 服务端的数据:json,xhr,html,txt等字符型数据 1.3 作用 它作为前端向后端发送数据请求的重要手段,可以实现网页无刷新加载数据. 1.4 利弊 与传统的form表单的get和post方式相比较,ajax的优点很明显 优…
//写Cookie function writeCookie(name, value) { var expire = new Date(); expire.setFullYear(expire.getFullYear() + 20); expire = '; expires=' + expire.toGMTString(); document.cookie = name + '=' + escape(value) + expire; } // 读取Cookie function readCook…
获取子节点 1. children 不是标准的dom属性,但是几乎被所有浏览器支持.获取子元素的元素节点(只包括元素节点) 注意:在IE中,children包含注释节点. 2. childNodes 是标准属性.返回所有子节点.包括文本节点. 注意: (1)nodeType   返回节点类型的值,一般是整数      常用的有: nodeType==1是元素节点(element),2是属性节点(attr),3是文本节点(#text),8是注释节点(#comment),9是文档(document)…
引言:2048小游戏的核心玩法是移动行,包括横行和纵行,玩家可以选择4个方向,然后所有行内的数字就会随着行的移动而向特定的方向移动.这个行的移动是一个需要重复调用的算法,所以这里就要将一行的移动算法封装,循环调用给所用行,这样便实现了所有行的调用.   一.一行的左移 关键逻辑算法   伪代码 ↓ c从0开始,遍历当前行每个元素 找c右侧下一个不为0的位置nextc 如果找到 →  如果c位置的值是0,将nextc位置的值赋值给c位置,将nextc位置的值置为0,c留在原地:否则如果c位置的值等…
<html> <head> <meta charset="utf-8"> <title>Javascript cookie</title> <script type="text/javascript"> function getCookie(c_name) { alert(document.cookie); if (document.cookie.length>0) { c_start=d…