自己封装的js工具

 // 封装函数insertAfter;功能类似insertBefore();
 
 var div = document.getElementsByTagName("div")[0];
 var span = document.createElement("span");
 var a = document.getElementsByTagName("a")[0];
 div.appendChild(span);
 
 HTMLElement.prototype.insertAfter = function(tag, now){
     if(now.nextSibling.nextSibling){
         this.insertBefore(tag, now.nextSibling.nextSibling)
     }else{
         this.appendChild(tag)
     }
 
 };
 div.insertAfter(span, a);
 
 // 将目标节点内节点反转
 
 var div = document.getElementsByTagName("div")[0];
 HTMLElement.prototype.reverse = function () {
     var len = this.children.length;
     console.log(len);
     while(len){
         this.insertBefore(this.lastChild,this.firstChild);
         len --;
     }
 }
 div.reverse()
 
 // 获取窗口滚动条的兼容性方法
 function getScrollOffset() {
     if(window.pageXOffset){
         return {
             x : window.pageXOffset,
             y : window.pageYOffset
         }
     }else{
         return {
             x : document.body.scrollLeft + document.documentElement.scrollLeft,
             x : document.body.scrollTop + document.documentElement.scrollTop,
 
         }
     }
 }
 
 // 获取窗口尺寸的兼容性方法
 function getViewportOffset() {
     if(window.innerWidth){
         return {
             w : window.innerWidth,
             w : window.innerHeight
         }
     }else{
         if(documen.compatMode === "BackCompat"){
             return {
                 w : document.body.clientWidth,
                 h : document.body.clientHeight
             }
         }else {
             return {
                 w : document.documentElement.clientWidth,
                 h : document.documentElement.clientHeight
             }
         }
     }
 }
 
 //时间处理函数
 
 function addEvent(elem, type, handle){//第一个标签，第二个类型，第三个函数
     if(elem.addEventListener){
         elem.addEventListener(type,handle,false);
     }else if(elem.attachEvent){
         elem.attachEvent("on" + type, function () {
             handle.call(elem);
         })
     }else{
         elem["on" + type] = handle;
     }
 }

Tools

         // 封装兼容性获取样式
         function getComputedStyle(elem,prop){
             if (window.getComputedStyle){
                 return window.getComputedStyle(elem,null)[prop];
             }else{
                 return elem.currentStyle[prop];
             }
         }

封装兼容性获取样式

     <script 描述="兼容性异步加载最终方式">
         function loadScript(url, callback){
             var script = document.createElement("script")
             script.type = "text/javascript";
             if (script.readyState){
                 script.onreadystatechange = function () {
                     if (script.readyState == "complete" || script.readyState == "loadded"){
                         //IE9以下的兼容
                         tools[callback]();//需要工具包js配合
                         // eval(callback);//eval 最好不要使用
                     }
                 }
             }else{
                 //Safari chrome firefox opera 的兼容
                 script.onload = function () {
                     tools[callback]();//需要工具包js配合
                     // eval(callback);//eval 最好不要使用
                 }
             }
             script.src = url;
             document.head.appendChild(script);
         }
         // 异步执行js包里面的函数，按需执行，也可以修改成return信号，确定是否加载完毕等功能
         // loadScript(js包链接,执行的函数)
         // 1.defer 异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用，也可以将代码写到内部。
         // 2.aysnc 异步加载，加载完就执行，async只能加载啊我i不脚本，不能把js写在script标签里，w3c标准，IE9以及其他主流浏览器都可以用
     </script>

兼容性异步加载最终方式