COOKIE和鼠标滚轮

来源：互联网发布：清华软件学院专硕编辑：程序博客网时间：2024/04/30 07:19

1.cookie

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script>/*cookie : 存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来像访问者电脑上存储数据1.不同的浏览器存放的cookie位置不一样，也是不能通用的2.cookie的存储是以域名形式进行区分的3.cookie的数据可以设置名字的4.一个域名下存放的cookie的个数是有限制的，不同的浏览器存放的个数不一样5.每个cookie存放的内容大小也是有限制的，不同的浏览器存放大小不一样我们通过document.cookie来获取当前网站下的cookie的时候，得到的字符串形式的值，他包含了当前网站下所有的cookie。他会把所有的cookie通过一个分号+空格的形式串联起来如果我们想长时间存放一个cookie。需要在设置这个cookie的时候同时给他设置一个过期的时间cookie默认是临时存储的，当浏览器关闭进程的时候自动销毁*///document.cookie = '名字=值';/*document.cookie = 'username=leo';document.cookie = 'age=32';*///document.cookie = '名称=值;expires=' + 字符串格式的时间;var oDate = new Date();oDate.setDate( oDate.getDate() + 5 );//alert(typeof oDate)//alert(typeof oDate.toGMTString());//内容最好编码存放,encodeURI//alert( encodeURI('你好') );//alert( decodeURI('%E4%BD%A0%E5%A5%BD') )/*document.cookie = 'username='+ encodeURI('leo\n你好') +';expires=' + oDate.toGMTString();document.cookie = 'age=32';*///document.cookie//alert(decodeURI(document.cookie));//username=leo; age=32/*document.cookie = 'username=leo;expires=' + oDate.toGMTString();document.cookie = 'age=32';*/function setCookie(key, value, t) {var oDate = new Date();oDate.setDate( oDate.getDate() + t );document.cookie = key + '=' + value + ';expires=' + oDate.toGMTString();}function getCookie(key) {var arr1 = document.cookie.split('; ');for (var i=0; i<arr1.length; i++) {var arr2 = arr1[i].split('=');if ( arr2[0] == key ) {return decodeURI(arr2[1]);}}}function removeCookie(key) {setCookie(key, '', -1);}//setCookie('sex','男', 10);//alert( getCookie('age') );removeCookie('username');removeCookie('age');removeCookie('sex');alert(document.cookie)</script></head><body></body></html>

2.记录用户名

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script>window.onload = function() {var oUsername = document.getElementById('username');var oLogin = document.getElementById('login');var oDel = document.getElementById('del');if ( getCookie('username') ) {oUsername.value = getCookie('username');}oLogin.onclick = function() {alert('登陆成功');setCookie('username', oUsername.value, 5);}oDel.onclick = function() {removeCookie('username');oUsername.value = '';}}function setCookie(key, value, t) {var oDate = new Date();oDate.setDate( oDate.getDate() + t );document.cookie = key + '=' + value + ';expires=' + oDate.toGMTString();}function getCookie(key) {var arr1 = document.cookie.split('; ');for (var i=0; i<arr1.length; i++) {var arr2 = arr1[i].split('=');if ( arr2[0] == key ) {return decodeURI(arr2[1]);}}}function removeCookie(key) {setCookie(key, '', -1);}</script></head><body><input type="text" id="username" />    <input type="button" value="登陆" id="login" />    <input type="button" value="删除" id="del" /></body></html>

3.鼠标滚轮

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>#div1 {width: 100px; height: 100px; background: red;}</style><script>/*鼠标滚轮事件*/window.onload = function() {var oDiv = document.getElementById('div1');/*ie/chrome : onmousewheelevent.wheelDelta上：120下：-120firefox : DOMMouseScroll 必须用addEventListenerevent.detail上：-3下：3return false阻止的是  obj.on事件名称=fn 所触发的默认行为addEventListener绑定的事件需要通过event下面的preventDefault();*/oDiv.onmousewheel = fn;if (oDiv.addEventListener) {oDiv.addEventListener('DOMMouseScroll', fn, false);}//alert(2);function fn(ev) {//alert(1);var ev = ev || event;//alert( ev.wheelDelta );//alert(ev.detail)var b = true;if (ev.wheelDelta) {b = ev.wheelDelta > 0 ? true : false;} else {b = ev.detail < 0 ? true : false;}//alert(b);if ( b ) {this.style.height = this.offsetHeight - 10 + 'px';} else {this.style.height = this.offsetHeight + 10 + 'px';}if (ev.preventDefault) {ev.preventDefault();}return false;}/*document.oncontextmenu = function() {return false;}*/document.attachEvent('oncontextmenu', function() {return false;});/*document.addEventListener('contextmenu', function(ev) {ev.preventDefault();//return false;});*/}</script></head><body style="height: 2000px;"><div id="div1"></div></body></html>

0 0