在for循环内获取按钮以充当Javascirpt中的链接

Posted 2021-04-27

我正在尝试创建一个表，该表将遍历我的public_html文件夹中的所有文件，并使用一个按钮在文件中创建目录，该按钮将打开一个链接到指定文件的新窗口。这是我的代码：

function makeDirectory(data) {
    var display = document.getElementById("content");

    var directory = "<table><tr><th>File Name</th><th>File Type</th><th>CWD</th><th>Action</th></tr>";
    var i;
    for (i = 0; i < data.length; i++) {
        directory += "<tr><td>" + data[i].fileName + "</td><td>" + data[i].fileType +

        "</td><td>" + data[i].cwd;
        if (data[i].fileType == "file") {

            directory += "</td><td>" +
                "<button onclick='window.open(data[i].fileName)'>Click to Display</button>" +
                "</td></tr>";
        }
        else {
            directory += "</td></tr>";
        }


        directory += "</table>";

    }

    display.innerHTML = directory;

}

该表很好地显示了每个文件旁边的按钮，但是单击它们时，它们不执行任何操作。我想念什么吗？有更好的方法吗？

答案

`onclick='window.open(data[i].fileName)'`

Write data [i] .fileName字面意义上作为字符串。更改为JS格式。

onclick='window.open("' + data[i].fileName + '")'

最后一个字符串是（已编辑，因为它已经在字符串中了]

directory += "</td><td>" +
                "<button onclick="window.open('" + data[i].fileName + "')">Click to Display</button>" +
                "</td></tr>";