自己根据js的兼容封装了一个小小的js库,留着以后用.后期一点一点完善

  1 var gys = function () { }
  2 //oParent父节点
  3 //获取所有的子元素
  4 gys.prototype.getElementChildren = function (oParent) {
  5     return oParent.children;
  6 }
  7 //arr获取的数组,jsonCss是修改属性css的json数据
  8 // gys.setElementCss(aLi, {"color":"red","backgroundColor":"yellow","backgroundImage":"url(../img/test.jpg)"});
  9 //设置元素的css
 10 gys.prototype.setElementCss = function (arr, jsonCss) {
 11     var length = arr.length;
 12     if (length == 0) return; //没有元素
 13     else if (!length) { //单个元素   
 14         for (var key in jsonCss) {
 15             arr.style[key] = jsonCss[key];
 16         }
 17     }
 18     else { //元素集合
 19         for (var i = 0; i < arr.length; i++) {
 20             for (var key in jsonCss) {
 21                 arr[i].style[key] = jsonCss[key];
 22             }
 23         }
 24     }
 25 }
 26 //获取第一个子元素
 27 gys.prototype.getElementFirstChildren = function (oParent) {
 28     if (oParent.firstElementChild)//高版本浏览器,
 29     {
 30         return oParent.firstElementChild;
 31     }
 32     else //IE6,7,8
 33         return oParent.firstChild;
 34 }
 35 //获取最后一个子元素
 36 gys.prototype.getElementLastChildren = function (oParent) {
 37     if (oParent.lastElementChild)//高版本浏览器,
 38     {
 39         return oParent.lastElementChild;
 40     }
 41     else //IE6,7,8
 42         return oParent.lastChild;
 43 }
 44 //获取下一个元素
 45 gys.prototype.getElementNext = function (element) {
 46     if (element.nextElementSibling) { //高版本浏览器
 47         return element.nextElementSibling;
 48     }
 49     else { //IE6,7,8
 50         return element.nextSibling;
 51     }
 52 }
 53 //获取上一个元素
 54 gys.prototype.getElementPrev = function (element) {
 55     if (element.previousElementSibling) {
 56         return element.previousElementSibling
 57     }
 58     else {
 59         return element.previousSibling; 
 60     }
 61 }
 62 
 63 //ajax
 64 /*
 65 gys.ajax({ type: "get", url: "gps.txt", success: function (data) {
 66                   alert("成功" + data);
 67               }, error: function (data) {
 68                   alert(data);
 69               }
 70   });
 71 */
 72 gys.prototype.ajax = function (json) {
 73     //1.创建服务器
 74     var oAjax = null;
 75     if (window.XMLHttpRequest) {
 76         oAjax = new XMLHttpRequest();
 77     }
 78     else { //IE6
 79         oAjax = new ActiveXObject("Microsoft.XMLHTTP");
 80     }
 81     /*2.连接服务器
 82     open(方法,文件名,异步传输);
 83     */
 84     //oAjax.open("GET", "gys.txt?=" + new Date().getTime(), true); //这里的date是为了去除缓存
 85     oAjax.open(json.type.toUpperCase(), json.url, true);
 86     //3.发送请求
 87     oAjax.send();
 88     //4.接受返回
 89     oAjax.onreadystatechange = function () {
 90         /*
 91         oAjax.readyState:浏览器和服务器交互经行到哪一步了
 92         0:未初始化.还没有调用open()方法.
 93         1:载入.已调用send()方法,正在发送请求
 94         2:载入完成.send()方法完成,已收到全部响应内容,这个时候的数据是可能没法使用,因为这个数据是加密过的,也有可能是为了节省带宽,进行压缩过的.
 95         3:解析.正在解析相应内容
 96         4:完成.响应内容解析完成,可以在客户端调用了.                  
 97         */
 98         if (oAjax.readyState == 4) {//读取完成(并不代表成功)
 99             if (oAjax.status == 200) { //成功
100                 //alert("成功" + oAjax.responseText);
101                 json.success(oAjax.responseText);
102             }
103             else {
104                 //alert("失败");
105                 //json.error(oAjax.responseText);
106                 if (json.error) {
107                     json.error("错误:"+oAjax.status);
108                 }
109             }
110         }
111     }
112 }
113 
114 gys = new gys();

自己根据js的兼容封装了一个小小的js库,留着以后用.后期一点一点完善,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。