в javascript:
function loadDiv()
{
var elem = $('div');
elem.attr('class', 'new_div');
elem.html('hello world');
$('body').append(elem);
}
, а затем в html:
<a href="javascript:loadDiv()">Load a div</a>
Очевидно, вы можете быть намного более надежным с этим, но если вам нужен лучший пример, вы должны предоставитьмного больше информации
Редактировать: Чтобы минимизировать время загрузки, я недавно создал сайт, который загружал только релевантную информацию для конкретной страницы, а затем добавлял другие материалы.Эта функциональность была доступна только по запросу, поэтому я щелкаю в конкретном js-файле, который содержит дополнительные функции для сайта.Давайте притворимся, что он использовал тот же пример click, что и выше ...
function loadDiv(){
if(typeof loadExtraContent() == "undefined")
{
$.ajax({
url: '/some_file.js',
async: false,
success: function(data, status){
if(status == 'success')
{
loadExtraContent();
}
}
});
}
else
{
loadExtraContent();
}
}
Итак, функция loadExtraContent () определена в файле some_file.js, который я загружаю через ajax, только если функция не определена.Таким образом, вы вообще не будете загружать скрипт до тех пор, пока он не понадобится, и не загружайте его снова, если функция уже определена.
Тогда в some_file.js у вас есть оригинальная функция из этого примера ...
function loadExtraContent()
{
var elem = $('div');
elem.attr('class', 'new_div');
elem.html('hello world');
$('body').append(elem);
}
Имейте в виду, что я сделал это таким образом, потому что сайт, который я создал, был МАКСИМАЛЬНО настроен и содержал абсолютное количество дополнительного контента.Работа требовала такого лечения.Это своего рода излишнее количество, если ожидаемый трафик не высок или вы по какой-то причине не хотите экономить трафик (например, размещаете свои собственные видео и не хотите разыгрывать 4 мегабита без какой-либо причины)