Question

有一个静态链接，可以使用来自js函数的数据。

<div class="link">
     <a id="pdfdocument" class="button" target="_blank" href="#">Download starten</a>
     <a id="xlsdocument" class="button" target="_blank" href="#">Download starten</a>
</div>

JS

if (contentElement.name.indexOf(".xls") != -1) {
    "<a id='" + $("#xlsdocument").attr("href", "/dcontent?element=" + contentElement.id + "&handle=" + openBi.handle) + "</a>";
    $('#pubExcel').html(contentElement.filename);
} else {
    $("#pdfdocument").attr("href", "/dcontent?element=" + contentElement.id + "&handle=" + openBi.handle);
    $('#pubPdf').html(contentElement.filename);
}

我的问题是，如果我加载了多个文档，如何创建通用链接。例如4个文件= 4个PDF链接和4个excel in html，40个文档= 40个链接用于pdf，40个excel用于html .. 在如此简单的步骤上挣扎

Answer 1

如果你有一个包含所有文件的数组

var documents = ['file_one', 'file_two', 'file_three'];

也许这会对你有所帮助：

HTML：

<div id="empty_div">
</div>

JS：

var documents = ['file_one', 'file_two', 'file_three'];

var tmpDocument, tmpAnchorTagPdf, tmpAnchorTagXls, parentContainer, i;

parentContainer = document.getElementById('empty_div');

for (i = 0; i < documents.length; i++) {
    tmpDocument = documents[i];

    tmpAnchorTagPdf = document.createElement('a');
    tmpAnchorTagPdf.href = 'your-domain.com/' + tmpDocument + '.pdf';
    tmpAnchorTagPdf.innerHTML = 'Start download ' + tmpDocument + '.pdf';

    tmpAnchorTagXls = document.createElement('a');
    tmpAnchorTagXls.href = 'your-domain.com/' + tmpDocument + '.xls';
    tmpAnchorTagXls.innerHTML = 'Start download ' + tmpDocument + '.xls';

    parentContainer.appendChild(tmpAnchorTagPdf);
    parentContainer.appendChild(tmpAnchorTagXls);
}

Fiddle

Answer 2

不知道其他问题，但以下是您创建动态链接的方式：

var link = document.createElement('a');
link.href = "href here";
// append it where you want

使用javascript创建许多动态链接

2 个答案: