Объединение страниц с помощью js
Здравствуйте. Интересная проблема
Есть полноценная страница 1.html на сайте и страница 2.html с куском кода, который содержит html-разметку, css-стили и js-скрипты. Цель - с помощью вставки строки <script src='script.js'> в 1.html подгрузить в это место все содержание 2.html Это должно происходить при загрузке страницы. А подгруженный документ 2.html должен стать полнофункциональной частью страницы 1.html Каким способом это можно сделать? |
Все просто - напиши в этом скрипте соответствующий код.
1 тебе нужно загрузить шаблон 2.html. jquery.load() должно подойти. 2 заменить тег этого скрипта на html. jquery.replaceWith() должно подойти. |
Я правильно понял?
1.html <script src="http://code.jquery.com/jquery-latest.js"></script> <script>jquery.load(script.js)</script> script.js jquery.replaceWith(2.html) 2.html <div>...</div> <script>...</script> <style>...</style> |
Тут то зачем
<script>jquery.load(script.js)</script> Вот так наверно надо Да и доку по использованию jq почитать не мешало бы: <div id="conteiner"></div> <script src="/mypath/script.js"></script> в script.js $( "#conteiner" ).load( "/mypath/2.html" ); По сути Load уже решает все проблемы сразу загружая хтмл в нужный контейнер. И в таком случае скрипт <script src="/mypath/script.js"></script> можно оставить в head. Другой вопрос если задача стоит именно так и не иначе - "вставить скрипт в определенное место документа, который должен загрузить хтмл и заменить им себя", тогда load не подойдет, подойдет тот же $.get или даже $.ajax и уже потом replaceWith |
Это верно )
В с script.js что писать не понял |
Посмотри выше
Цитата:
Цитата:
|
Спасибо
На примере работает Буду внедрять |
Цитата:
|
Часовой пояс GMT +3, время: 10:59. |