使用javascript创建许多动态链接
有一个静态链接,该链接由js函数提供数据使用javascript创建许多动态链接,javascript,jquery,generics,dynamic,Javascript,Jquery,Generics,Dynamic,有一个静态链接,该链接由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
<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){
“不知道还有其他问题,但以下是如何创建动态链接:
var link = document.createElement('a');
link.href = "href here";
// append it where you want
如果您有一个包含所有文件的数组
var documents = ['file_one', 'file_two', 'file_three'];
也许这会帮助你:
HTML:
<div id="empty_div">
</div>
JS:
var documents=[“文件一”、“文件二”、“文件三”];
var tmpDocument、tmpAnchorTagPdf、tmpAnchorTagXls、parentContainer、i;
parentContainer=document.getElementById('empty_div');
对于(i=0;i
那个“contentElement”对象包含什么?你的问题很难理解。我已经没有听你的第二行了。“拿一个字符串(
<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);
}