JS原生函数总结

原创 2015年07月09日 11:17:23
获取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); 
    }


-----------------------------------------------------------------------------------------------------------------------------------------
版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript学习总结-技巧、实用函数、简洁方法、编程细节

整理JavaScript方面的一些技巧,比较实用的函数,常见功能实现方法,仅作参考 变量转换 //edit http://www.lai18.com var myVar = "3....
  • hello_katty
  • hello_katty
  • 2015年06月11日 08:29
  • 3930

100个常用的原生JavaScript函数

1、原生JavaScript实现字符串长度截取 复制代码代码如下: function cutstr(str, len) {     var temp;     var icou...
  • baidu_25310663
  • baidu_25310663
  • 2016年05月04日 15:50
  • 1874

常用原生js自定义函数

js获取日期函数//获取当前时间日期 function CurentTime() { var now = new Date(); var year = now.getFullYear(...
  • hj960511
  • hj960511
  • 2016年10月14日 11:30
  • 965

Js 函数与对象的区别及原生链的理解

一. Js 函数和对象的区别function Test (word) { console.log (word); }Var test1=Test(‘函数’);Var test2=new ...
  • JimTrency
  • JimTrency
  • 2017年04月01日 13:11
  • 785

收集的一些原生Js工具函数

判断ie/7/8 var isIE6 = navigator.userAgent.toLowerCase().indexOf("msie 6") > -1; //IE6 //判断ie6/7/8 ...
  • github_30778587
  • github_30778587
  • 2017年03月20日 03:12
  • 314

原生JavaScript实现jsindexOf()函数功能

原生js实现js函数indexOf功能
  • xiao_yu_liu
  • xiao_yu_liu
  • 2016年11月10日 10:40
  • 1151

js原生函数bind

转自:http://blog.csdn.net/lidiansheng/article/details/8763644 [javascript] view plaincopy ...
  • chelen_jak
  • chelen_jak
  • 2015年11月26日 10:59
  • 657

原生js实现对Ajax的封装(模仿jquery)

本文转载自 http://www.jianshu.com/p/cd77f723990f 前言众所周知,jquery在我们日常开发中的使用频率非常高,与js相比,我们省去了冗长的获取元素的代码,不用考虑...
  • lxk_qzgcs
  • lxk_qzgcs
  • 2017年01月21日 21:52
  • 2098

js函数总结

js函数学习总结
  • liujie19901217
  • liujie19901217
  • 2016年02月22日 10:02
  • 497

原生js封装好的动画函数+jQuery函数animate

jQuery方法: $(function () { $("#move a").mouseenter(function () { $(this).find('i').animat...
  • jiaweimin123
  • jiaweimin123
  • 2017年09月20日 12:59
  • 505
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS原生函数总结
举报原因:
原因补充:

(最多只允许输入30个字)