使用javascript创建许多动态链接
使用javascript创建许多动态链接
提问于 2014-04-17 14:52:42
有一个静态链接，由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 ( html )，40个文档=40个pdf链接，40个excel (Html)。在如此容易的一步上挣扎
Stack Overflow用户
回答已采纳
发布于 2014-04-17 15:14:23
如果您有一个所有文件的数组
var documents = ['file_one', 'file_two', 'file_three'];也许这能帮到你：
HTML：
<div id="empty_div">
</div>联署材料：
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);
}小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23136502
复制相关文章
相似问题
腾讯云开发者
