JS(四)

整理之前学习js的笔记

getByClass:

function getByClass(oParent, sClassName)
{
    var aElm=oParent.getElementsByTagName('*');
    var aArr=[];
    for(var i=0; i<aElm.length; i++)
    {
        if(aElm[i].className==sClassName)
        {
            aArr.push(aElm[i]);
        }
    }
    return aArr;
}

getElementsByTagName:方法可返回带有指定标签名的对象的集合
getElementById:方法可返回对拥有指定 ID 的第一个对象的引用
createDocumentFragment:创建文档碎片节点
createElement(tagname): 创建标签名为tagname的节点
getElementsByClassName:获取所有指定类名的元素
arguments.length:对象检测函数的参数个数
currentStyle与getComputedStyle参考资料:http://www.jb51.net/article/34863.htm
http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/

cookie:存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来向访问者电脑上存储数据,有保质期(由js控制)、页面用来保存信息

在会话结束时:在浏览器关闭时
每一条cookie都有一个过期时间,cookie默认是临时储存的,当浏览器关闭进程的时候自动销毁
1、不同的浏览器存放的cookie位置不一样,也是不能通用的
2、cookie的存储是以域名形式进行区分的
3、cookie的数据可以设置名字的
4、一个域名下存放的cookie的个数也是有限制的,不同浏览器存放的个数不一样
5、每个cookie存放的内容大小也是有限制的,不同的浏览器存放大小不一样
通过document.cookie来获取当前网站下的cookie,得到的字符串的形式,分号加空格的形式串联
cookie
document.cookie='名字=值'
设置过期时间:document.cookie='名字=值;expires=+时间'(时间必须是字符串格式)

var oDate=new Date();
oDate.setDate(oDate.getDate()+5);
document.cookie='username=zsw;expires='+oDate.toGMTString();//把时间对象转换成字符串

cookie在遇到一些字符时出不来的情况下,要给字符串编码

<script>
var oDate=new Date();
oDate.setDate(oDate.getDate()+5);
//alert(encodeURI('你好'));
//alert(decodeURI('%E4%BD%A0%E5%A5%BD'));
document.cookie='username='+encodeURI('zsw\n你好')+';expires='+oDate.toGMTString();//把时间对象
alert(decodeURI(document.cookie));
</script>
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 setCookie(key,value,t){
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+t);
	document.cookie=key+'='+value+';expires='+oDate.toGMTString();
}
function removeCookie(key){
	setCookie(key,'',-1);
	} 
	
removeCookie('age');
setCookie('www','666',8);
//alert(document.cookie)
alert(getCookie('www'));	

记住用户名

<body>
<input id="text" type="text" name="name"/>
<input id="logg" type="button" name="log" value="登陆"/>
<input id="del" type="button" name="del" value="删除"/>
<script>
var text=document.getElementById('text');
var logg=document.getElementById('logg');
var del=document.getElementById('del');
if(getCookie('username')){
		text.value=getCookie('username');
		}
logg.onclick=function(){
		alert('登陆成功!');
		setCookie('username',text.value,5);	
	}
del.onclick=function(){
	removeCookie('username');
	text.value='';
	}
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 setCookie(key,value,t){
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+t);
	document.cookie=key+'='+value+';expires='+oDate.toGMTString();
}
function removeCookie(key){
	setCookie(key,'',-1);
	} 
	
</script>
</body>
posted @ 2017-06-29 16:09  swift-zsw  阅读(196)  评论(5编辑  收藏  举报