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