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); 
    }


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

相关文章推荐

pc和移动端的js拖拽简易函数(不含html5原生拖拽)

html> html lang="en"> head> meta charset="UTF-8"> meta content="width=device-width, initial-...

jQuery的index()原生js实现以及删除空白文本节点函数

funtion findIndex ( elem, array, i ){//实现jQuery.inArray()方法 var len; if ( array ) { ...

原生js封装函数,addClass removeClass,常用tag切换

// 根据class 获取元素 var getElement = function(selector) { return document.querySelector(selector...

原生JS操作Date函数

原生JS操作Date函数 开发过程中有的时候需要使用原生JS操作日期函数,各种互相转化操作,自己写了一些简单的函数以备以后需要使用。 Jstools.js /* * 功能:求两个时...

怎样用原生js封装ajax函数

步骤:JS原生ajaxajax:一种请求数据的方式,不需要刷新整个页面; ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接...
  • Wlcf258
  • Wlcf258
  • 2017年03月23日 09:26
  • 207

如何封装JS原生ajax函数

首先我们要明白ajax的原理和使用步骤 ajax是我们与后台连接使用的一个文档,主要分为四步,有三步是我们前端工作人员去完成的, 第一步是建立ajax的对象,第二部是发送请求到后台,第三步是后台所...

原生js实现jquery函数animate()动画效果

通过在公司一个月的实习,慢慢的对css跟html算是比较熟悉了,这几天开始研究js,今天用js写了一个jquery的animate函数,测试了下,性能还可以。个人觉得jquery并不是万能的,因为是个...

原生js封装ajax函数

function ajax(method,url,data,fnsuccess){ //1号线:创建ajax对象 var xhr; if(window.XMLHttpRequest){ xh...

原生JS写Ajax的请求函数

JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面; ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest ...

原生JS写Ajax的请求函数

原文链接:http://caibaojian.com/ajax-jsonp.html 一、JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面; ajax的技术核心是 XMLHtt...
  • wkj001
  • wkj001
  • 2016年11月27日 00:49
  • 189
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS原生函数总结
举报原因:
原因补充:

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