загрузка нового html-файла

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

<html>
<head>
    <link rel="stylesheet" href="tabs.css">
<body>
    
</body>
</head>
</html>
0
добавлено
Просмотры: 1
de
@ user1878200 ответ на ваш вопрос jqueryui.com/tabs/#ajax
добавлено автор Deeptechtons, источник
Если вы хотите использовать javascript/jQuery, я советую вам это api.jquery.com/load
добавлено автор Ron van der Heijden, источник

3 ответы

Вы можете загрузить контент из другого HTML-файла с помощью метода jQuery '.load ().

Шаг 1 - Включите jQuery в свой код.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Step 2 - Add this code before the closing </body> tag.

<script>
    $(document).ready(function() {
        $('#tab1').load('html-file-1.html');    
    });
</script>

Step 3 - Your external html file html-file-1.html contains nothing but simple html tags to represent the content you want to load within the section.

0
добавлено

Option 1
Use iframes to archive this. It will display another page.

Option 2
Use Ajax Example

0
добавлено
Всегда пожалуйста. :)
добавлено автор New Developer, источник
Большое вам спасибо, используя iframes.
добавлено автор user1878200, источник

HTML - это структура , CSS - стиль (внешний вид), а JavaScript - поведение . Вы не можете загружать данные только с одной структурой, вам нужно будет ввести некоторые скрипты. jQuery - это общая библиотека, которую довольно легко изучить, но есть много доступных.

0
добавлено