精通javascript 代码小结

2012-07-15

精通javascript 代码总结在看了《精通javascript 》一书中，里面讲了很多工具函数，先整理一部分。主要在javasc

精通javascript 代码总结

在看了《精通javascript 》一书中，里面讲了很多工具函数，先整理一部分。

主要在javascript和css交互的代码：

 function text(e) {        //获取元素文本内容          var t = "";        e = e.childNodes || e;        for (var i = 0, count = e.length; i < count; i++) {            t += e[i].nodeType != 1 ? e[i].nodeValue : text(e[i].childNodes);        }        return t;    }    function attr(elem, name, value) {        //获取或设置元素属性值          if (!name || name.constructor != String) return "";        name = { "for": "htmlFor", "class": "className"}[name] || name;        if (typeof value != "undefined") {            elem[name] = value;            if (elem.setAttribute) {                elem.setAttribute(value);            }        }        return elem[name] || elem.getAttribute(name) || "";    }    function stopDefault(e) {        //防止默认浏览器行为          if (e && e.preventDefault) {            e.preventDefault();        }        else {            window.event.returnValue = false;        }        return false;    }    function stopBubble(e) {        //阻止事件冒泡          if (e && e.stopPropagation) {            e.stopPropagation();        }        else {            window.event.cancelBubble = true;        }    }    //调用示例<a href="#"  onclick=" alert('ok'); stopBubble(event);">demo</a>       function pageX(elem) {        //获取元素的水平位置        return elem.offsetParent ? elem.offsetLeft + pageX(elem.offsetParent) : elem.offsetLeft;    }    function pageY(elem) {        //获取元素的垂直位置        return elem.offsetParent ? elem.offsetTop + pageY(elem.offsetParent) : elem.offsetTop;    }    function parentX(elem) {        //获取元素相对于父亲的水平位置        return elem.parentNode == elem.offsetParent ? elem.offsetLeft : pageX(elem) - pageX(elem.parentNode);    }    function parentY(elem) {        //获取元素相对于父亲的垂直位置        return elem.parentNode == elem.offsetParent ? elem.offsetTop : pageY(elem) - pageY(elem.parentNode);    }    function resetCss(elem, prop) {        //设置css一组属性，它可以恢复到原有的设置        var old = {};        for (var i in prop) {            old[i] = elem.style[i];            elem.style[i] = prop[i];        }        return old;    }    function restoreCss(elem, prop) {        for (var i in prop) {            elem.style[i] = prop[i];        }    }    function getStyle(elem, styleName) {        if (elem.style[styleName]) {//内联样式            return elem.style[styleName];        }        else if (elem.currentStyle) {//IE            return elem.currentStyle[styleName];        }        else if (document.defaultView && document.defaultView.getComputedStyle) {//DOM            styleName = styleName.replace(/([A-Z])/g, '-$1').toLowerCase();            var s = document.defaultView.getComputedStyle(elem, '');            return s && s.getPropertyValue(styleName);        }        else {//other,for example, Safari            return null;        }    }    function fullHeight(elem) {        //查找元素可能的高度        //如果元素显示那么使用offsetHeight就可以得到高度，如果没有offsetHeight，则使用getHeight（）        if (getStyle(elem, "display") != "none") {            return elem.offsetHeight ;        }        var oldcss = resetCss(elem, { display: "", visibility: "hidden", position: "absolute" });        var height = elem.clientHeight ;        restoreCss(elem, oldcss);        return height;    }    function fullWidth(elem) {        //查找元素可能的高度        //如果元素显示那么使用offsetWidth就可以得到高度，如果没有offsetWidth，则使用getWidth（）        if (getStyle(elem, "display") != "none") {            return elem.offsetWidth ;        }        var oldcss = resetCss(elem, { display: "", visibility: "hidden", position: "absolute" });        var width = elem.clientWidth ;        restoreCss(elem, oldcss);        return width;    }    function setOpacity(elem, level) {        //这是元素透明度        if (elem.filiters) {            elem.style.filters = "alpha(opacity='" + level + "')";        }        else {            elem.style.opacity = level / 100;        }    }    function cursorX(e) {    //获取光标水平位置        e = e || window.event;        //先检查非IE浏览器位置再检查IE位置        return e.pageX || e.clientX + document.body.scrollLeft;    }    function cursorY(e) {        //获取光标垂直位置        e = e || window.event;        return e.pageY || e.clientY+ document.body.scrollTop;    }    function scrollX() {        //确定浏览器水平滚动条位置        var de = document.documentElement;        return self.pageXOffset || (de && de.scrollLeft) || document.body. scrollLeft;    }    function scrollY() {        //确定浏览器垂直滚动条位置        var de = document.documentElement;        return self.pageYOffset || (de && de.scrollTop) || document.body.scrollTop;    }    function windowHeight() {    //获取视窗的高度        var de = document.documentElement;        return self.innerHeight || (de || de.clientHeight) || document.body.clientHeight;    }    function windowWidth() {        //获取视窗的高度        var de = document.documentElement;        return self.innerWidth || (de || de.clientWidth) || document.body.clientWidth;    }

有关类的继承请参照http://blog.csdn.net/dz45693/article/details/7683195

有关事件添加和移除请参照http://blog.csdn.net/dz45693/article/details/7622262

1楼lidaasky昨天 22:24: 学习了

热点排行

JavaScript

精通javascript 代码小结