2013-11-13 3 views
0

Есть ли способ вызвать внешний .html-файл в текущий .html-файл без MVC?Как вызвать некоторый файл html на определенную часть html-страницы?

Например, мы используем одни и те же услуги (ссылки на левой стороне как вертикальный аккордеон) на всех других специализированных страницах обслуживания.

Можем ли мы сделать эту аккордеонную часть отдельным файлом .html и можем ли мы назвать ее на каждой странице обслуживания?

ответ

0

Если вы используете php или некоторые другие подобные языки, вы можете сделать это, используя свои встроенные методы, такие как «include» или «require» в php.

Если вы хотите сделать это с помощью чистого html, используйте javascript и ajax. Задайте контейнер div в ur html странице. вызовите функцию ajax для получения внешнего содержимого файла html, вставьте в контейнер div с помощью javascript.

+0

могли бы вы дать мне ссылку ?? – user2983198

0

Вы можете загрузить внешний файл .html для текущего файла с помощью JQuery, попробуйте эту ссылку

http://api.jquery.com/load/

Для аккордеона вы могли видеть эту ссылку,

http://www.marghoobsuleman.com/jQuery-common-accordion

+0

Его легко реализовать с помощью jQuery и его поддержки на всех языках разработки веб-страниц, таких как php, asp .net и т. Д. –

+0

Я использую следующий код в соответствии с вашим предложением, как показано ниже, но он не работает (load.html содержит только одну строку обычный текст) <- головной конец тега здесь ->

user2983198

+0

написать код, используя onready jquery fuction, $ (document) .ready (function() {$ ("# suc"). Load ("load.html");}); –

0

Один из возможных способов для этого было бы фреймы

http://www.w3schools.com/tags/tag_iframe.asp

Но использование фреймов не рекомендуется. Поскольку вы упомянули JQuery я хотел бы предложить вам посмотреть на jQueries .load() методы

http://api.jquery.com/load/

Надеется, что это помогает.

0

Вы можете использовать JQuery Ajax загрузки API для этого,

$("#result").load("test.html"); 

Это загрузит содержимое в test.html в элемент с идентификатором #result в главной странице.

См .load() API

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