将内联javascript传输到外部文件

我有一个带有内联javascript的html页面作为菜单链接。由于它是一个chrome扩展，我发现内联javascript是被禁止的。有人能帮我修改脚本使它工作吗？ 我在一个标签论坛中找到了这段代码，但我现在想把它用于我的chrome扩展。因此，基本上我想从

标记中删除onclick javascript，并将其传输到javascript外部文件

多谢各位

HTML

Javascript

    function openTab(evt, linkName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(linkName).style.display = "block";
    evt.currentTarget.className += " active";
}

函数openTab（evt，linkName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

尝试以下方法：

var elements = document.querySelectorAll(selector);

for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    element.addEventListener("click", function(e) {
      openTab(e, 'Menu'+(i+1))
    });
}

var elements=document.querySelectorAll（选择器）；
对于（var i=0；i

尝试以下方法：

var elements = document.querySelectorAll(selector);

for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    element.addEventListener("click", function(e) {
      openTab(e, 'Menu'+(i+1))
    });
}

var elements=document.querySelectorAll（选择器）；
对于（var i=0；i

谢谢你的快速回答。我忘了提到我的javascript一点都不好。我可以像这样使用soemthing和jaascript来显示内容吗？我希望尽可能保留当前的javascript代码，因为它允许我保留选项卡菜单样式。谢谢。我要做的是动态添加onClick。其他一切都完好无损。我不确定我是否做错了，但我无法让它工作。我是否应该从a-tag onclick=“openTab（event，'Menu2'）”和href=“javascript:void（0）”中删除代码，然后添加代码？谢谢Alexey的快速回答。我忘了提到我的javascript一点都不好。我可以像这样使用soemthing和jaascript来显示内容吗？我希望尽可能保留当前的javascript代码，因为它允许我保留选项卡菜单样式。谢谢。我要做的是动态添加onClick。其他一切都完好无损。我不确定我是否做错了，但我无法让它工作。我是否应该从a-tagonclick=“openTab（event，'Menu2'）”和href=“javascript:void（0）”中删除，然后添加代码？

var elements = document.querySelectorAll(selector);

for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    element.addEventListener("click", function(e) {
      openTab(e, 'Menu'+(i+1))
    });
}