2016-06-18 2 views
-3

У меня проблемы с попыткой понять это, особенно потому, что я действительно новичок в javascript. Итак, у меня есть это место на моей странице, где я хочу иметь случайный html-файл, который я сделаю в html, и мне захочется сослаться на него. Я хочу, чтобы это было рандомизировано каждый раз, когда страница обновляется, потому что я сделаю много этих html-файлов.Как использовать случайный HTML-файл в JavaScript?

Итак, возможно ли это? Я искал ответы, но все рандомизированные html-вопросы, которые я нашел, относятся ко всей странице. Я просто хочу, чтобы небольшая часть страницы была рандомизирована, подобно случайному изображению, которое у меня есть на той же веб-странице.

Страница, которую я использую для тестирования, такова: http://vannapruebas.jcink.net/, я хотел бы использовать переключатель, который говорит «búsquedas» для этого. Итак, любая помощь? спасибо и изгоните мой бедный английский!

+1

добавить 'id' в родительский блок и добавить все стили с селектором, начиная с идентификатором. Затем вы можете применить его только к этому блоку. –

ответ

0

Все, что вам нужно сделать, это составить список всех ваших html, затем вы выбираете один случайный вариант ->Getting a random value from a JavaScript array.
Я использовал JQuery только для облегчения демонстрации

var listOfHTML = ["sample/your.html","sample/another.html"]; 
 

 
$('#magic').on('click',function(e){ 
 
    var randomHTML = listOfHTML[Math.floor(Math.random()*listOfHTML.length)]; 
 
    $.get(randomHTML,function(response){ 
 
     $('#yourDiv').html(response); 
 
     //do your animation when completed 
 
    }); 
 
});
<div id="yourDiv"></div> <button id="magic">búsquedas</button>

+0

Это работает! К сожалению, я как-то смутился, и код, который я хочу рандомизировать, является html-файлом, так как я могу работать без ранжирования css. В таком случае я должен делать то же самое? Потому что я пробовал, и это не сработало. Извините за ошибку: 'D –

+0

Я отредактировал ответ. –

Смежные вопросы