• 首页
  • ASPCMS
  • DEDECMS
  • DuxCms
  • 工具下载
  • SEO知识
  • WEB前端开发
  • 当前位置:首页 > WEB前端开发 > 特效代码 >
  • 特效代码
  • 探秘JavaScript框架-2.3文档操作和控制

  • 已有 人阅读此文  -  2015.04.11  -  特效代码  -  萤火星

跨浏览器事件绑定

2.3.1返还序号

JFAST.register("dom.index",
function(a) {
    return function prev(elem, cont) {
        if (!cont) {
            cont = 1
        }
        elem = elem.previousSibling; //返回某节点之前紧跟的节点
        if (elem) { //如果前一节点存在cont+1
            return JFAST.dom.index(elem, (cont + 1))
        }
        return cont
    }
});

2.3.2将匹配到的dom元素插入

JFAST.register("dom.insertElement",
function(a) {
    return function(d, c, b) {
        d = a.E(d) || document.body;
        b = b ? b.toLowerCase() : "beforeend";
        switch (b) {
        case "beforebegin":
            d.parentNode.insertBefore(c, d);
            break;
        case "afterbegin":
            d.insertBefore(c, d.firstChild);
            break;
        case "beforeend":
            d.appendChild(c);
            break;
        case "afterend":
            if (d.nextSibling) {
                d.parentNode.insertBefore(c, d.nextSibling)
            } else {
                d.parentNode.appendChild(c)
            }
            break
        }
    }
});

2.3.3取得匹配元素所属的document对象

JFAST.register("dom.getDocument",
function(a) {
    return function(element) {
        element = $E(element);
        return element.nodeType == 9 ? element: element.ownerDocument || element.ownerDocument;
    }
});

2.3.3document对象是否包含另一个对象

JFAST.register("dom.contains",
function(a) {
    return function(b, c) {
        if (b === c) {
            return false
        } else {
            if (b.compareDocumentPosition) {
                return ((b.compareDocumentPosition(c) & 16) === 16)
            } else {
                if (b.contains && c.nodeType === 1) {
                    return b.contains(c)
                } else {
                    while (c = c.parentNode) {
                        if (b === c) {
                            return true
                        }
                    }
                }
            }
        }
        return false
    }
});

2.3.4判断是否是唯一

JFAST.register("dom.uniqueID",
function(a) {
    return function(b) {
        return b && (b.uniqueID || (b.uniqueID = a.util.getUniqueKey()))
    }
});

返回目录页


如果本篇文章帮到了你,那么,请点击右侧的百度分享,让我们一起帮助更多的朋友!
  • 上一篇:探秘JavaScript框架-2.2样式操作
  • 下一篇:探秘JavaScript框架-2.4事件操作
前端交流群
热门文章
  • 1探秘JavaScript框架
  • 2CSS3 Transition
  • 3探秘JavaScript框架-1.1创建JF对象
  • 4探秘JavaScript框架-2.2样式操作
  • 5WEB前端页面常用CSS简写优化技
推荐阅读
  • CSS3 Transition
ASPCMS | DEDECMS | DuxCms | 工具下载 | SEO知识 | WEB前端开发 | 百度地图
萤火星的经验分享!友情赞助!
鲁ICP备15006695号-1