2012-10-26 28 views
0

我將不得不重新發布我之前的問題,因爲我需要重新構建我需要的內容。循環並將javascript前綴爲html

所以,它就是這樣。

我有一個包含一些列表項的網頁時,

HTML

<div class="container"> 
<p>Items are ordered Alphabetically and I want the text to be untouched</p> 
</div> 

所有這些列表項都包含在我的電腦上的文件夾中。我想要做的不是手動輸入../Html/1.html,../Html/2.html,而是我希望找到一個腳本來爲我完成這項工作。

所有的項目都按數字順序編號,從1開始到100. 所以我知道使用i ++進行迭代可能在循環中派上用場。但我真的不知道更多!

+0

你有jQuery的或只是純JavaScript? 你可以添加一個id到容器嗎? – SparK

+0

@Spark id比較純粹的js,關於這個類的東西是我在幾個地方都有,所以id很堅持。 –

+1

您無法獲取JavaScript(在某人的計算機上以安全狀態運行),無法搜索服務器上的目錄。你需要一個服務器端語言來實現這一點 – freefaller

回答

2

使用此:

<div id="theContainer" class="container"> 
    <p>Items are ordered Alphabetically and I want the text to be untouched</p> 
</div> 

<script> 
window.addEventListener('DOMContentLoaded', function() { 
    var container = document.getElementById('theContainer'), i, p, s; 
    var numStart = 1, numEnd = 100; 
    var path = '../Html/*.html'; //use "*" to substitute the number 
    for (i = numStart; i <= numEnd; i++) { 
    p = path.replace(/\*/,i); 
    s += '<li><a href="' + encodeURI(p) + '">' + p + '</a></li>'; 
    } 
    container.innerHTML = container.innerHTML + '<ol>' + s + '</ol>'; 
}, false); 
</script>