自己封装的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;
    }
}

 

        // 封装兼容性获取样式
        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>