七寳的专栏

前端小白的学习记录

JS原生函数总结

获取class名
===========
function getClass(parent,name){
var aElement = parent.getElementsByTagName("*")
var aResult = []

for(var i=0;i<aElement.length;i++){
if(aElement[i].className==name){
aResult.push(aElement[i])
}
}
return aResult;
}


-----------------------------------------------------------------------------------------------------------------------------------------
一位数字变两位
===============
function toDou(n){
if(n<10){
return '0'+n;
}else{
return ''+n; //''添加空字符串是为了输出的是字符串 不会是两位数相加的情况
}
}


-----------------------------------------------------------------------------------------------------------------------------------------
获取非行间样式(div.style.width //.style只能获取行间样式,此方法是获取的非行间样式)
==============
function getStyle(obj,name){
if(obj.currentStyle){
return obj.currentStyle[name];
}else{
return getComputedStyle(obj,false)[name]; 
}
}


-----------------------------------------------------------------------------------------------------------------------------------------
获取坐标
===============
function getPos(ev){
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;

return {x:ev.clientX+scrollLeft,y:ev.clientY+scrollTop};
}


调用方式:
var pos=getPos(oEvent);
oDiv.style.left=pos.x+'px';
oDiv.style.top=pos.y+'px';


-----------------------------------------------------------------------------------------------------------------------------------------
绑定事件 attachEvent和addEventListener不兼容的问题
===============
function myAddEvent(obj,ev,fn){
    if(obj.attachEvent){
        obj.attachEvent('on'+ev,fn); //onclick
    }else{
        obj.addEventListener(ev,fn,false);
    }
}


-----------------------------------------------------------------------------------------------------------------------------------------
设置cookie
===============


function setCookie(name,value,iDay){
        //document.cookie='name=value;expires=date';
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);
        
        document.cookie=name+'='+value+';expires='+oDate;
    }


-----------------------------------------------------------------------------------------------------------------------------------------
读取cookie
===============


function getCookie(name){
        var arr=document.cookie.split('; ');
        for(var i=0;i<arr.length;i++){
            var arr2=arr[i].split('=');
            if(arr2[0]==name){
                return arr2[1];
            }        }
        return '';
    }   


-----------------------------------------------------------------------------------------------------------------------------------------
删除cookie
===============


function removeCookie(name){
        setCookie(name, 1, -1); 
    }


-----------------------------------------------------------------------------------------------------------------------------------------
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013072064/article/details/46814423
文章标签: js javascript
个人分类: 学习笔记
上一篇JavaScript学习笔记(一)
下一篇前端小tips之标签
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭