• 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
    你好')+';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>
    
  • 相关阅读:
    Linux之redis-cluster(集群配置)
    MariaDB主从复制,redis发布订阅,持久化,以及主从同步
    Vue之添加全局变量
    Linux之nginx入门
    Linux中python3,django,redis以及mariab的安装
    Linux系统优化及基础命令
    linux基本命令
    Linux常用命令大全
    Flask之项目配置,目录构建,闪现
    C语言II博客作业04
  • 原文地址:https://www.cnblogs.com/zswmv/p/7095055.html
Copyright © 2020-2023  润新知