Question

我正在开发自己的javascript库。该库有一个getAttr()函数，其运算方式如下：tex(selector).getAttr(name);这是库的代码：

(function(){
        var tex = function(s){
            return new tex.fn.init(s);
        };
        tex.fn = tex.prototype ={
            init : function(s){
                if(!s){
                    return this;
                }
                else{
                    this.length = 1;
                    if (typeof s === "object"){
                        this[0] = s;
                    }
                    else if(typeof s === "string"){
                        var obj;
                        obj = document.querySelector(s);
                        this[0] = obj;
                    }
                    return this;
                }
            }
        }
        tex.fn.init.prototype = tex.fn;
        tex.fn.init.prototype = {
            attr : function(name, value){
            /*if(name && !value){
                return this[0].getAttribute(name);
            }else if(name && value){
                this[0].setAttribute(name,value);
            };*/
            this[0].setAttribute(name,value);
        },
        getAttr : function(name){
            return this[0].getAttribute(name);  
        },
        removeAttr : function(name){
            this[0].removeAttribute(name);
        },
        print : function(txt){
             this[0].innerHTML = txt;
        }
        };
        window.TechX = tex;
})();

以下是正文部分中的代码：

<nav>
<ul>
<li><a id="MainDropper">Pick your method:</a>
    <ul>
        <li><a>book</a>
            <ul>
                <li><a data-val="Book" href="javascript:setType(this)">Book</a></li>
                   </ul>
                   </li>
            </ul>
    </li>
    </ul>
</nav>

这是我在头部的代码：

function setType(obj){
    tex("#MainDropper").print(tex(obj).getAttr("data-val"));
}

因此，当我点击图书链接时，邮件投递器应该包含“预订”文本。但相反，我在库中得到一个错误，说“[object global]没有方法getAttrribute。”有谁知道如何解决这个问题？

非常感谢你。

Answer 1

这个功劳应该归功于Bergi，但为了提供答案，这里也是如此。

使用像：

这样的监听器时

<a onclick="code" ... >

然后onclick属性的内容有效地包含在一个函数中，该函数使用 this 元素调用，如：

function listener(){code}

listener.call(element);

但是，当使用href属性和javascript伪协议（又名“javascript: URL scheme”）时，代码将作为全局代码执行，因此或多或少只是：

code;

HTML5表示行为好像插入了一个新的脚本元素，代码作为内容。因此，在侦听器函数（执行上下文）中， this 将引用全局（窗口）对象。

请注意，此处的浏览器行为可能有所不同（例如，在javascript URL中声明的变量），因为在HTML5之前没有规定应该如何处理此类代码，HTML5实际上只是尝试指定浏览器已经执行的一个版本。以前，它被留作DOM 0 *的一部分，这是浏览器在W3C规范之前所做的所有DOM内容都没有成为新规范的一部分。

* DOM 0是“...... Netscape Navigator 3.0版和Microsoft Internet Explorer 3.0版提供的HTML文档功能的混合（未正式指定）。” W3C DOM Level 1 01-Oct-1998

Javascript库.getAttr（）函数不起作用？

1 个答案: