Javascript锚定链接

我有一个href/text列表，我需要为其制作锚定，然后显示这些锚定。在我实际单击任何锚之前，一切都很好。他们每个人只打开最后一个href的选项卡。也就是说，如果列表中最后一个元素的href为href\n，则每个锚链接到href\n，即使“href”属性不同

//Current basic setup:

loop through list:

anchor = doc.create('a')
divElem = doc.create('div')
anchor.setAttribute('class', 'foo')
anchor.setAttribute('href', 'bar')
anchor.innerHTML = 'mytext'
anchor.addEventListener('click', function() {chrome.tabs.create({url: 'myurl'})});
divElem.appendChild(anchor)
container.appendChild(anchor)

以前我尝试过使用

.onClick

，但事件侦听器尝试仅附加到url时一直存在问题。我非常愿意接受一个更干净的解决方案，尽管它比eventlistener更简单

---

非常感谢。

您只需更改单击处理程序，使其不使用仍然无效的变量。下面是示例代码：

var urlList = [
    "aaaa",
    "bbbb",
];

var textList = [
    "text1",
    "text2"
];

function createAnchors(urls, text, container) {
    for (var i = 0; i < urls.length; i++) {
        var a = document.createElement("a");
        var div = document.createElement("div");
        a.href = urls[i];
        a.innerHTML = text[i];
        a.className = "foo";
        a.addEventListener("click", function() {
            chrome.tabs.create({url: this.href}); 
            return(false);
        });
        div.appendChild(a);
        container.appendChild(div);
    }
}

var urlist=[
“aaaa”，
“bbbb”，
];
var textList=[
“文本1”，
“文本2”
];
函数createAnchors（URL、文本、容器）{
对于（var i=0；i

问题是事件侦听器函数中的任何变量在单击之前都不会计算。因此，在这种情况下，您可以通过直接从单击的链接获取url来避免使用它们

---

我希望您也意识到旧版本的IE不支持

addEventListener

。在Internet Explorer部分向您展示如何处理此问题。

您需要创建一个闭包：

var urls = [];
for(var i=0;i<urls.length;i++){
    anchor.addEventListener('click', 
        (function(url) {
            return function() {
                chrome.tabs.create({url: url})
            }
        })(urls[i])
    );
}

var url=[]；
对于（var i=0；iThanks）。这很好。这个引用是我真正需要的。关于IE注释，这没关系，因为这只是chrome的一个扩展。还有，为什么要在点击处理程序中放置返回（false）？
return（false）
停止点击的默认操作，点击链接上的默认操作是跟随URL。