0

我有一个运行 onload 的 javascript 函数。它按类查找锚标签，并根据标签中的数据添加 onclick 功能。我的问题是包含部分href的变量'h'。它将设置为此函数的最后一次评估。因此，如果 h 的最后一个值为“s-g123”，则页面上的所有链接都会将其作为插入链接的值。如何在运行时修复 h 的值，所以它是静态的？提前致谢。

// converts <a href='#g123' class="shoh"> to <a href='#g123' onclick=function() { shoh( 's-g123', 'show') }">
function managelinks() {
var elems = document.getElementsByTagName('*'), i;
var h, pos;
for (i = 0; i < elems.length; i++) {
    if ((elems[i].className).indexOf('shoh') > -1) {
        if ((pos = elems[i].href.indexOf('#')) > -1) {
            h = "s-" + elems[i].href.substr(pos + 1);
            elems[i].onclick = function () {
                shoh(h, 'show')
            };
        }
    }
}
4

1 回答 1

2

如果您不必支持旧的延迟浏览器，则可以使用以下内容：

function managelinks() {
    // querySelectorAll should work with ie8+
    var elems = document.querySelectorAll('a.shoh'), i;
    var h, pos, elem;
    for (i = 0; i < elems.length; i++) {
        elem = elems[i];
        h = elem.hash.substr( 1 );
        if ( h ) {
            // remember the value of h by making a closure
            elem.onclick = (function( myH ){
                return function () {
                    shoh( myH, 'show');
                };
            })( h );
        }
    }
}

如果您还使用 jQuery 库（或更小的 ZeptoJS），那么您的函数可能会更短：

function managelinks() {
    $(document).on('click', 'a.shoh', function(){
        var h = this.hash.substr( 1 );
        if ( h )  shoh( h, 'show');
    });
}

见http://api.jquery.com/on/ , http://zeptojs.com/#on

于 2013-10-01T07:36:51.457 回答