2012-10-26 2 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> 
Смежные вопросы