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>
